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 
 -:¦:-:¦:- 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 
 
 
  Tools
 
Backgrounds: 7-Layer Nested HTML
Choose another message board
Previous subject  Next subject
Reply  Message 1 of 1 on the subject 
From: timber  (Original message) Sent: 02/01/2018 02:48
7-Layer Nested HTML

In the code below, replace ?wallpaper with the URL of the outermost background, ?thin1 with the URL of your first thin background, ?thin2 with the URL of your second thin background, ?thick with the URL of your inner 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: 48px;
background-color: #DCDCDC;
background-image: url(?wallpaper);"
align="center"}

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

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

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

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

{div
style="
border: 0px solid #000000;
padding: 6px;
background-color: #000000;
background-image: url(?thin1);"
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}{/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 Christmas Backs, a golden holly background for "?wallpaper" and a gold ribbon for "?thin2".
  • Instead of using background tiles for "?thin1" and "?thick" I used a color name for background-color, Black.
  • I also used a color name for background-color of "?main", Cornsilk.
  • I changed the alignment of "?main" from center to left.
{div
style="
border: 0px solid #000000;
padding: 25px;
background-color: Cornsilk;
background-image: url(?main);"
align="left"}


First  Previous  Without answer  Next   Last  

 
©2025 - Gabitos - All rights reserved