Page principale  |  Contacte  

Adresse mail:

Mot de Passe:

Enrégistrer maintenant!

Mot de passe oublié?

Treehouse Treasures
 
Nouveautés
  Rejoindre maintenant
  Rubrique de messages 
  Galérie des images 
 Archives et documents 
 Recherches et tests 
  Liste de participants
 ►► How to Join ◄◄ 
 ►Getting Started 
 Please Read 
 -:¦:--:¦:- Messages -:¦:--:¦:- 
 ♥ General 
 ♥ Daily Greetings & Checking In 
 ♥ Broken Links 
 ♥ Post Office 
 ♥ PSP Lessons 
 ♥ Chat 
  Post Codes 
  PSP Challenges 
  Smileys 
 -:¦:-:¦:- Tag Galleries -:¦:-:¦:- 
 ♥ Artist Appreciation 
 ● Autumn 
 ▲Christmas 
 † Halloween 
 ■ Pirate 
 ╠ Steampunk 
 ♣ St. Patrick`s Day 
 :¦: Winter 
 -:¦:--:¦:-Tutorial Links-:¦:--:¦:- 
 ● Animation Shop Tuts 
 ● Autumn Tutorials 
 ● Blinkie Tutorials 
 ● Halloween Tutorials 
 ● Member Tutorials 
 ● Old School Tutorials 
 ● Text Tutorials 
 ● Christmas Tutorials 
 ►►► JUDY TUTS ◄◄◄ 
 ● Animated Filmstrip 
 ● Cutout Text 
 ● Diamond Jiggler Bling 
 ● Diver Smiley Tag 
 ● Flag Glitz Glitter 
 ● Gardenhose Tag 
 ● Glitz Glitter 
 ● Making Movies 
 ● Rainbow Motion Text 
 ● Tiny Box Smiley 
 ● Twinkle 
 ● Vector Text Node Edit 
 ● Watery Grave 
 ►►► KARLA TUTS ◄◄◄ 
 ♥ Coloring Pages: Color & Edit 
 ♥ Dazzle Doll Glitter Sig 
 ♥ Glitter Sig 
 ♥ Kamikaze Halftone 
 ♥ Mish Mash Text 
 ♥ Stellar Bling Text 
 ►►► REBEL TUTS ◄◄◄ 
 ● Chrome Bling`n Text 
 ● Gold & Diamonds 
 ►►►TIMBER TUTS◄◄◄ 
 ● Amazon Southwest 
 ● American Idol Noisy 
 ● Autumn Deco Spice 
 ● Billo Disco Love Trail 
 ● Blackout Scene Text 
 ● Carnivale Cane Text 
 ● Etched Glass Text 
 ● Gold Bling Text Revised 
 ● Groovy Text 
 ● Hearts Aglitter 
 ● Herringbone Frame 
 ● Hollywood Fireworks 
 ● Holy Ravioli Serape Text 
 ● Itty-Bitty Blinkie 
 ● Melted Candle Text 
 ● Patriot Text 
 ● Pique Glitter Drops Text 
 ● Planet X Space Text 
 ● Ribbon Candy Text 
 ● See-Through Text 
 ● Shiny Metal Stud 
 ● Snowman Bar 
 ● Sunrise `n` Set Text 
 ● Windy Halftone Text 
 ►► MEMBER TUTS ◄◄ 
 ● DrumagStudioNF Text 
 ● Glass Text 
 ● Surfer Tag Text 
 -:¦:--:¦:--:¦:--:¦:--:¦:--:¦:--:¦:--:¦:-:¦:- 
 ►►►►►►►►►►►►► 
 Taggy Me 
 ● GBTRT Page 2 
 ● IBBBT Page 2 
 ● IBBBT Page 3 
 ● PTT Page 2 
 ● PXST Page 2 
 
 
  Outils
 
Backgrounds: 4-Layer Nested HTML
Choisir un autre rubrique de messages
Thème précédent  Thème suivant
Réponse  Message 1 de 1 de ce thème 
De: timber  (message original) Envoyé: 01/01/2018 23:48
4-Layer Nested HTML

In the code below, replace ?thin with the URL of your thin background, ?thick with the URL of your thick background, and ?main with the URL of your main background (the background that will show below your message).

{div
style="
border: 0px solid #000000;
padding: 7px;
background-color: #404040;
background-image: url(?thin);"
align="center"}

{div
style="
border: 0px solid #000000;
padding: 47px;
background-color: #c0c0c0;
background-image: url(?thick);"
align="center"}

{div
style="
border: 0px solid #000000;
padding: 7px;
background-color: #404040;
background-image: url(?thin);"
align="center"}

{div
style="
border: 0px solid #000000;
padding: 25px;
background-color: #ffffff;
background-image: url(?main);"
align="center"}

YOUR MESSAGE HERE

{/div}{/div}{/div}{/div}{/div}{/div}

Here is a sample of this code with background tile URLs added. I have used backgrounds from Emma`s Home since all of her backgrounds are linkable.
  • I have used two of the background tiles from her Rose Ribbons Floral Triples for "?thin" and "?thick".
  • I did not use a background tile for "?main"; I used a hex color, #D2CEAA.
  • I have assigned a border to "?main", 3px solid #747E4A.
  • I changed the alignment of "?main" from center to left.
{div
style="
border: 3px solid #747E4A;
padding: 25px;
background-color: #D2CEAA;
background-image: url(?main);"
align="left"}


Premier  Précédent  Sans réponse  Suivant   Dernier  

 
©2025 - Gabitos - Tous droits réservés