Tom-Web ist einfach besser...

Design "Pink"

Design : Pink
Version 2.1
Umgecodet von : Tom Neuman
Design roling von : templatemo.com 
Live Vorschau : hir 
URL Fehler : Ja ist vohranden und muss Manuel geändert werden. 

Tipp : Durch ein Fehler im Systeme wird der URL Link von den Bildern immer im Design groß geschrieben, das darf 
aber nicht sein . Also ihr müsst die klein machen sonst klappt das Design nicht . Z.B so sieht der Link zum Beispiel aus .
Fehler : HTTP://WWW.LOADITUP.DE/FILES/569679.JPG
Korigirt : HTTP://WWW.LOADITUP.DE/files/569679.jpg
Der Fehler wird in der nexten Zeit behoben solange müsst ihr das aber selber machen.

---

Text über dem Design :


<DIV ID="TEMPLATEMO_CONTAINER"> <DIV ID="TEMPLATEMO_HEADER_PANEL"> <DIV ID="TEMPLATEMO_TITLE">TITEL DEINER SEITE</DIV> </DIV> <DIV ID="TEMPLATEMO_MENU"> <UL> <LI><A HREF="INDEX.HTML" _fcksavedurl="INDEX.HTML">HOME</A></LI> <LI><A HREF="#" _fcksavedurl="#">ABOUT US</A></LI> <LI><A HREF="#" _fcksavedurl="#">BLOG</A></LI> <LI><A HREF="#" _fcksavedurl="#">TUTORIALS</A></LI> <LI><A HREF="#" _fcksavedurl="#">GALLERY</A></LI> <LI><A HREF="#" _fcksavedurl="#">CONTACT US</A></LI> </UL> </DIV> <DIV ID="TEMPLATEMO_BANNER_PANEL"> <DIV ID="TEMPLATEMO_BANNER_SECTION"> <H2>HERZLICH WILLKOMMEN!</H2> <P>THIS IS A <A TARGET="_PARENT" HREF="HTTP://WWW.TEMPLATEMO.COM" _fcksavedurl="HTTP://WWW.TEMPLATEMO.COM">FREE CSS TEMPLATE</A> PROVIDED BY TEMPLATEMO.COM WEBSITE. YOU MAY DOWNLOAD, MODIFY AND APPLY THIS CSS LAYOUT FOR YOUR PERSONAL OR BUSINESS WEBSITES.</P> <P>CREDIT GOES TO <A TARGET="_BLANK" HREF="HTTP://WWW.PHOTOVACO.COM" _fcksavedurl="HTTP://WWW.PHOTOVACO.COM">PHOTOVACO</A> FOR PHOTOS.</P> </DIV> </DIV> <DIV ID="TEMPLATEMO_CONTENT_TOP"></DIV> <DIV ID="TEMPLATEMO_CONTENT_BODY"> <DIV CLASS="CONTENT_BODY_SECTION"> <DIV CLASS="CONTENT_BODY_SECTION_CONTENT">

Text unter dem Design :


<DIV CLASS="CLEANER"></DIV> </DIV> </DIV> <DIV CLASS="CLEANER_WITH_HEIGHT"></DIV> </DIV> <DIV ID="TEMPLATEMO_CONTENT_BOTTOM"></DIV> <!-- END OF CONTENT --> <DIV ID="TEMPLATEMO_FOOTER"><A HREF="INDEX.HTML" _fcksavedurl="INDEX.HTML">HOME</A> | <A HREF="SUBPAGE.HTML" _fcksavedurl="SUBPAGE.HTML">BLOG</A> | <A HREF="SUBPAGE.HTML" _fcksavedurl="SUBPAGE.HTML">TUTORIALS</A> | <A HREF="SUBPAGE.HTML" _fcksavedurl="SUBPAGE.HTML">GALLERY</A> | <A HREF="SUBPAGE.HTML" _fcksavedurl="SUBPAGE.HTML">ABOUT US</A> | <A HREF="SUBPAGE.HTML" _fcksavedurl="SUBPAGE.HTML">CONTACT US</A><BR> COPYRIGHT © 2011 <A HREF="#" _fcksavedurl="#">Dein Webseiten Name</A> | <A TARGET="_PARENT" HREF="HTTP://WWW.IWEBSITETEMPLATE.COM" _fcksavedurl="HTTP://WWW.IWEBSITETEMPLATE.COM">WEBSITE TEMPLATES</A> BY <A TARGET="_PARENT" HREF="HTTP://WWW.TEMPLATEMO.COM" _fcksavedurl="HTTP://WWW.TEMPLATEMO.COM">FREE CSS TEMPLATES</A> | CODING: <A HREF="HTTP://tom-web.DE.TL" _fcksavedurl="HTTP://tom-web.DE.TL">Tom-Web</A><A HREF="HTTP://VALIDATOR.W3.ORG/CHECK?URI=REFERER" _fcksavedurl="HTTP://VALIDATOR.W3.ORG/CHECK?URI=REFERER"> </A></DIV> </DIV> <!-- END OF CONTAINER --> <!-- DESIGNED BY W W W . T E M P L A T E M O . C O M -->

Css ohne Style Tags : 


#EXTRADIV1 {DISPLAY: NONE;} #EXTRADIV2 {DISPLAY: NONE;} #EXTRADIV3 {DISPLAY: NONE;} #EXTRADIV4 {DISPLAY: NONE;} #EXTRADIV5 {DISPLAY: NONE;} #EXTRADIV6 {DISPLAY: NONE;} #PRE_HEADER {DISPLAY: NONE;} #POST_HEADER {DISPLAY: NONE;} #PRE_CONTENT {DISPLAY: NONE;} #NAV_HEADING{DISPLAY: NONE;} #NAV{DISPLAY: NONE;} DIV.HEADER{DISPLAY: NONE;} H1#TITLE{DISPLAY: NONE;} H2#TITLE SPAN {DISPLAY: NONE;} TD[HEIGHT="102"] { POSITION:ABSOLUTE; LEFT:50%; MARGIN-LEFT:-384PX; } /* CSS CREDIT: HTTP://WWW.TEMPLATEMO.COM/ */ BODY { MARGIN: 0; PADDING: 0; LINE-HEIGHT: 1.5EM; FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF; FONT-SIZE: 12PX; COLOR: #FFFFFF; BACKGROUND: #BFAE99; } A:LINK, A:VISITED { COLOR: #FF99FF; FONT-WEIGHT: BOLD; TEXT-DECORATION: NONE; } A:ACTIVE, A:HOVER { COLOR: #FFFF00; TEXT-DECORATION: UNDERLINE; } H1 { MARGIN: 0PX; PADDING: 15PX 0 20PX 30PX; FONT-SIZE: 20PX; COLOR: #FFFFFF; FONT-WEIGHT: BOLD; HEIGHT: 35PX; /* +20 FOR PADDING */ BACKGROUND: none NO-REPEAT; } H2 { MARGIN: 0PX; PADDING: 5PX 0 20PX 0; FONT-SIZE: 20PX; COLOR: #FFFFFF; FONT-WEIGHT: BOLD; } P { MARGIN: 0 0 7PX 0; PADDING: 0 0 7PX 0; } IMG { MARGIN: 3PX 5PX 0 0; BORDER: 5PX SOLID #A08B97; } .CLEANER { CLEAR: BOTH; WIDTH: 100%; HEIGHT: 0PX; } .CLEANER_WITH_HEIGHT { CLEAR: BOTH; WIDTH: 100%; HEIGHT: 30PX; } #TEMPLATEMO_CONTAINER{ WIDTH: 940PX; MARGIN: 0 AUTO; } #TEMPLATEMO_CONTAINER #TEMPLATEMO_HEADER_PANEL { WIDTH: 760PX; /* + 180 FOR PADDING LEFT AND RIGHT */ HEIGHT: 70PX; /* + 20 FOR PADDING TOP AND BOTTOM */ MARGIN-TOP: 50PX; PADDING: 10PX 90PX; BACKGROUND:URL(HTTP://WWW.LOADITUP.DE/files/569679.jpg) NO-REPEAT; } #TEMPLATEMO_HEADER_PANEL #TEMPLATEMO_TITLE { MARGIN-LEFT: 30PX; PADDING: 30PX 0 10PX 0; FONT-SIZE: 36PX; FONT-WEIGHT: BOLD; COLOR: #FFFFFF; } /* MENU */ #TEMPLATEMO_CONTAINER #TEMPLATEMO_MENU { WIDTH: 760PX; HEIGHT: 50PX; PADDING: 0PX 90PX; BACKGROUND: URL(HTTP://WWW.LOADITUP.DE/FILES/569680.JPG) NO-REPEAT; } #TEMPLATEMO_MENU UL { TEXT-ALIGN: CENTER; WIDTH: 760PX; MARGIN: 0; PADDING: 13PX 0 0 0; LIST-STYLE: NONE; } #TEMPLATEMO_MENU UL LI{ DISPLAY: INLINE; } #TEMPLATEMO_MENU UL LI A{ PADDING: 5PX 25PX; MARGIN-RIGHT: 5PX; FONT-SIZE: 12PX; FONT-WEIGHT: BOLD; TEXT-ALIGN: CENTER; TEXT-DECORATION: NONE; COLOR: #2D1414; } #TEMPLATEMO_MENU LI A:HOVER, #TEMPLATEMO_MENU LI .CURRENT{ COLOR: #FFFFFF; } /* END OF MENU */ /* BANNER */ #TEMPLATEMO_CONTAINER #TEMPLATEMO_BANNER_PANEL { CLEAR: BOTH; WIDTH: 820PX; HEIGHT: 220PX; PADDING: 0 60PX 70PX 60PX; BACKGROUND: URL(HTTP://WWW.LOADITUP.DE/FILES/569681.JPG) NO-REPEAT; } #TEMPLATEMO_BANNER_PANEL #TEMPLATEMO_BANNER_SECTION{ PADDING: 40PX 0 0 60PX; WIDTH: 500PX; } /* END OF BANNER */ /* CONTENT */ #TEMPLATEMO_CONTAINER #TEMPLATEMO_CONTENT_TOP{ WIDTH: 940PX; HEIGHT: 20PX; BACKGROUND: URL(HTTP://WWW.LOADITUP.DE/FILES/569682.JPG) NO-REPEAT; } #TEMPLATEMO_CONTAINER #TEMPLATEMO_CONTENT_BOTTOM{ WIDTH: 940PX; HEIGHT: 35PX; BACKGROUND: URL(HTTP://WWW.LOADITUP.DE/FILES/569683.JPG) NO-REPEAT; } #TEMPLATEMO_CONTAINER #TEMPLATEMO_CONTENT_BODY{ WIDTH: 820PX; PADDING: 0 60PX; PADDING-TOP: 15PX; BACKGROUND: URL(HTTP://WWW.LOADITUP.DE/FILES/569684.JPG) REPEAT-Y; COLOR: #000000; } #TEMPLATEMO_CONTENT_BODY .CONTENT_BODY_SECTION { WIDTH: 780PX; MARGIN-LEFT: 20PX; } .CONTENT_BODY_SECTION .CONTENT_BODY_SECTION_CONTENT { PADDING: 0PX 30PX; } .CONTENT_BODY_SECTION A:LINK, .CONTENT_BODY_SECTION A:VISITED { COLOR: #993366; FONT-WEIGHT: BOLD; TEXT-DECORATION: NONE; } .CONTENT_BODY_SECTION A:ACTIVE, .CONTENT_BODY_SECTION A:HOVER { COLOR: #CC5588; TEXT-DECORATION: UNDERLINE; } .CONTENT_BODY_SECTION_CONTENT IMG{ MARGIN: 3PX 30PX 0 0; FLOAT: LEFT; } /* ----- FOOTER ----- */ #TEMPLATEMO_FOOTER { CLEAR: BOTH; WIDTH: 960PX; PADDING: 25PX 0; MARGIN-LEFT: -25PX; MARGIN-RIGHT: -25PX; TEXT-ALIGN: CENTER; COLOR: #444; } #TEMPLATEMO_FOOTER A:LINK, #TEMPLATEMO_FOOTER A:VISITED { COLOR: #444; FONT-WEIGHT: NORMAL; TEXT-DECORATION: NONE; } #TEMPLATEMO_FOOTER A:ACTIVE, #TEMPLATEMO_FOOTER A:HOVER { COLOR: #F60; TEXT-DECORATION: UNDERLINE; } /* ----- END OF FOOTER ----- */