Basic Codes

Simple text code:
<p style="text-align: center"><span style="font-size: 30px; font-family: Century Gothic">Your Text Here</p>

Squashed Text:
<p style="font-size: 40px; text-align: center; letter-spacing: -0.2em">Your Text Here</p>

Text color
<p style="color: #736AFF; text-align: center; font-size: 50px">Your Text Here</p>

Backgrounds:
<p style="font-size: 40px; text-align: center; background-color: #000000; color: #F6358A">Black Background</p>

Borders:
<p style="text-align: center; border: 10px dotted pink;  font-size: 20px; text-shadow: 1px 1px 5px green; background-color:  violet">Your Text Here</p>

Text-Shadows:
<p style="text-shadow: 4px 4px 5px green; color: white; background-color:black; text-align: center; font-size: 30px">Your Text Here</p>

Scroll Boxes:
<p style="text-shadow: 2px 2px 2px black; color: #F52887; border: 10px double #8D38C9; text-align: center; background-color: #3BB9FF; margin: auto; height: 250px; width: 400px; overflow: auto;"><span style="font-family: Haettenschweiler; font-size: 80px">Heading<br><span style="color: lime; font-family: Georgia; font-size: 14px; text-shadow: 0px 0px 3px red">Quote Here<br><span style="font-size: 20px"><br>Text Text Text<br>Text Text Text<br>Text Text Text<br>Text Text Text<br>Text Text Text<br><br>©Insertname</p>


-Flashing Text-
*MOZILLA ONLY*

<p style="text-decoration: blink; text-align: center; font-size: 14px">Your flashing text here</p>



-Multi-Shadows-
<p style="text-align: center; text-shadow: 0px 0px 10px black, 3px 3px 2px pink, -3px -3px 2px lime; font-size: 40px">Wow</p>


-Sqashed Line Of Text-
<p style="line-height: 10pt; text-align: center"><span style="font-size:90px"><br><br><br><br><br><br>Squashed<br>Text</p>

Curved :
<p style="text-shadow: 2px 2px 2px black; color: #F52887; border: 10px double #8D38C9; text-align: center; background-color: #3BB9FF;border-radius:360; margin: auto; height: 250px; width: 400px; overflow: auto;"><span style="font-family: Haettenschweiler; font-size: 80px">Heading<br><span style="color: lime; font-family: Georgia; font-size: 14px; text-shadow: 0px 0px 3px red">Quote Here<br><span style="font-size: 20px"><br>Text Text Text<br>Text Text Text<br>Text Text Text<br>Text Text Text<br>Text Text Text<br><br>©Insertname</p>

Tagged code- by MissgJudgie:

<p  id="made by (namehere" style="text-align: center;"><span style="color: #ffcc99;"><span style="font-size: xx-small;"><strong><span style="font-family: 'century gothic';"><br /></span></strong></span><span style="font-size: 10px;" title="made by (namehere">"><strong>made by (namehere</strong><br /></span></span></p><p style="text-align: center;"><span style="color: #ffcc99;"><span style="font-size: 10px;"><br /></span></span></p><p style="text-align: center;"><span style="color: #ffcc99;" title="made by (namehere">"><span></span></span></p><p style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; color: #000000;text-shadow: #808080 0px 0px 1px; background-color: white; border: 4px solid #b445fe;" title="made by (namehere">"><span style="font-family: 'century gothic'; font-size: 60px; letter-spacing: -6px;">taged code;</span><span style="font-size: 20px;"><br /></span><span style="font-size: 20px; color: #222222; font-family: 'century gothic'; text-align: -webkit-auto;"><br /></span><span style="font-size: 20px; color: #222222; font-family: 'century gothic'; text-align: -webkit-auto;">About mee;</span><span style="font-size: 20px; font-family: 'century gothic';"><span style="font-size: 17px; letter-spacing: -6px;"><br /></span></span><span style="font-size: 20px; font-family: 'century gothic';"><span style="font-size: 14px; letter-spacing: -0.1em;"><span style="color: #cc99ff;">Shift + enter for more lines!</span><br /><br /><br /><br />made by (namehere)<br /></span></span><span style="font-size: 20px;"><br /></span><span style="font-family: 'century gothic'; " title="made by (namehere)"></span><br /><span style="font-size: 14px; letter-spacing: -1px;"><br /></span></p>


27 comments:

  1. Cool I alraeddy know that codes they are cool,P.S.Nice blog,CROATIA.EMO

    ReplyDelete
  2. can u put up the code with the picture in backround please !

    ReplyDelete
  3. Thank you for putting these up! They're great and easy to use! However, I'm having trouble with the tagged code. Could you help me with that?

    Thanks,
    Nora - Flower009

    ReplyDelete
    Replies
    1. For the highlighted part, just change it to your user name. It should be pretty easy to use, as it's just like a normal background, but that has your name when you hover over it.

      Delete
  4. Hey Melly! I'm trying to do my presentation and theres a problem. I can't figure out where to put another line in. I've tried in a bunch of spots, and everytime it comes outside of the border.
    Thanks!

    ReplyDelete
    Replies
    1. What do you mean another line? What code are you using?

      Delete
  5. awesome ! luv it !

    ReplyDelete
  6. Wow! Hi it's l-a-d-y-g-a-g-a this is amazing thanks for all your help and Ill soon be using these great job!. ♥

    ReplyDelete
  7. Hi its l-a-d-y-g-a-g-a again BTW. The comments above arnt mine except that one.^^ ♥

    ReplyDelete
  8. I love theese codes but can you put the one with picture on backround.
    barbie.plPink

    ReplyDelete
  9. I can't figure out how to use the codes. Help please?

    ReplyDelete
  10. i Have Just Did The Tagged Code And I Think It's One Of The Best Presentations Ever!
    Teen_Sally,LiveLaughLove

    ReplyDelete
  11. Could you please put up the picture code?

    ReplyDelete
    Replies
    1. Yeah, It Would Be Quite Good To Have Cause All The Codes Up There Are On Every Single Blog/Website! :)

      Delete
    2. the picture code is on my blog

      Delete
  12. hey , I love your codes and i make my own codes too but I still dont understand the picture background. how do you change the background picture ? or make the background fade from one coluor to another with out using css ?

    please answer & put up codes.
    - aishling

    ReplyDelete
  13. Shame on you! You totally copied Fabpages blog's tagged code! Get a life you b!tch!

    ReplyDelete
    Replies
    1. Shame on you, I'm a writer for the blog. Lol. and can;t you see it says it's MissgJudgie's code ? Learn to read before you call me a bitch. You're pathetic.

      Delete
    2. Fabpages blog has copied missjugdgie's code and also has given her credit. wagbag has just done the same. so u can't call her a bitch or copier as she has given credit.

      Delete
    3. Actually missjudgie is the co-owner of Fabpages.

      Delete
    4. Actually I'm a writer for that blog. xo

      Delete
  14. how do u use the codes

    ReplyDelete
  15. Pease put up picture code?

    ReplyDelete
  16. I really like the codes like the missgjudgie one. Is there any more like that?

    ReplyDelete