Home  |  Contact  

Email:

Password:

Sign Up Now!

Forgot your password?

Treehouse Treasures
 
What’s New
  Join Now
  Message Board 
  Image Gallery 
 Files and Documents 
 Polls and Test 
  Member List
 ►► 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 
  Taggy Me 
 -:¦:-:¦:- 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 
 ● 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 
 ● 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 
 ● Easy Suede Tile 
 ►► MEMBER TUTS ◄◄ 
 ● DrumagStudioNF Text 
 ● Glass Text 
 ● Surfer Tag Text 
 -:¦:--:¦:--:¦:--:¦:--:¦:--:¦:--:¦:--:¦:-:¦:- 
 ►►►►►►►►►►►►► 
 ● ADST Page 2 
 ● GBTR Page 2 
 ● GBTR Page 3 
 ● IBBBT Page 2 
 ● IBBBT Page 3 
 ● PTT Page 2 
 ● PXST Page 2 
 
 
  Tools
 
Backgrounds: 4-Layer Nested HTML
Choose another message board
Previous subject  Next subject
Reply  Message 1 of 1 on the subject 
From: timber  (Original message) Sent: 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"}


First  Previous  Without answer  Next   Last  
Anuncios:

 
©2020 - Gabitos - All rights reserved