52 users online (1 members and 51 guests)  


  Results 1 to 4 of 4

Related

  1. Expand and create outline in illustrator    Forum: Graphics Forum
    Replies: 1
  2. Font Size/Font Face    Forum: CSS Forum
    Replies: 4
  3. Font Size/Font Face    Forum: HTML Forum
    Replies: 2
  4. Font looking different    Forum: General Discussion
    Replies: 2
  1. #1
    SugarGirl's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2003
    Posts
    5

    Can I outline font?

    Is there a way I can outline the Business Marketers heading:
    http://members.cox.net/businessmarketers/

  2. #2
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440
    Do you mean like some kind of embossing to create a 3 dimensional effect so the letters stand out from the background?
    That would requires CSS positioning. If you want to outline the letters in a different colour, I'm not sure it's possible unless you use a graphic as a page title.
    I would go with CSS positioning. You can get some nice effects by absoluter positioning text in a layering effect.

  3. #3
    Doorknob's Avatar
    Super Newbie

    Status
    Offline
    Join Date
    Jun 2002
    Location
    Malaysia
    Posts
    316
    to do it the same way, look at the code below and edit it to suit your needs :

    ******* code begins**********
    <html>
    <head>
    <Style Type="text/css">
    .test {font-family:verdana; font-size:55pt; color:"#FFFFFF"; font-weight:bold}
    </style>
    </head>
    <body>

    <table bgcolor="33CCFF" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr><th class='test'>
    TEST
    </th></tr>
    </table>
    </body>
    </html>
    ******* code ends**********

    u can also highlight text by using javascript. Again look at the code below and edit it to suit your needs:

    ******* code begins**********
    <style>
    <!--
    #glowtext{
    filter:glow(color=FFFF00,strength=3);
    width:100%;
    }
    -->
    </style>

    <script language="JavaScript1.2">

    /*
    Glowing Text Script-
    Dynamic Drive (www.dynamicdrive.com)
    For full source code, installation instructions,
    100's more DHTML scripts, and Terms Of
    Use, visit dynamicdrive.com
    */

    function glowit(which){
    if (document.all.glowtext[which].filters[0].strength==3)
    document.all.glowtext[which].filters[0].strength=2
    else
    document.all.glowtext[which].filters[0].strength=3
    }

    function glowit2(which){
    if (document.all.glowtext.filters[0].strength==3)
    document.all.glowtext.filters[0].strength=2
    else
    document.all.glowtext.filters[0].strength=3
    }

    function startglowing(){
    if (document.all.glowtext&&glowtext.length){
    for (i=0;i<glowtext.length;i++)
    eval('setInterval("glowit('+i+')",150)')
    }
    else if (glowtext)
    setInterval("glowit2(0)",150)
    }

    if (document.all)
    window.onload=startglowing
    </script>

    //implementation

    <span id="glowtext">This is a glowing text</span>
    ******* code ends**********

    hope this helps
    Last edited by Doorknob; 02-28-2003 at 01:35 AM.

  4. #4
    sonofmidi's Avatar

    Status
    Offline
    Join Date
    Jan 2001
    Location
    NC, USA
    Posts
    75

    Something a little more cross browser

    <span style="position: absolute; top: 8px; left: 8px; color: #ff0000; font-weight: bold; font-size: 22pt;">My pseudo outline</span>
    <span style="position: absolute; top: 10px; left: 10px; color: #ff0000; font-weight: bold; font-size: 22pt;">My pseudo outline</span>
    <span style="position: absolute; top: 9px; left: 9px; color: #000000; font-weight: bold; font-size: 22pt;">My pseudo outline</span>

    <span style="position: absolute; top: 12px; left: 12px; color: #666666; font-weight: bold; font-size: 16pt;">My Shadow</span>
    <span style="position: absolute; top: 10px; left: 10px; color: #ff0000; font-weight: bold; font-size: 16pt;">My Shadow</span>
    Last edited by sonofmidi; 02-28-2003 at 02:02 AM.



Tags for this Thread