Rock'n Roll Tasarımı ( Rap Olarakta Kullanılabilir )

Tasarım Üstü :

Kod:

<div class="templatemo_container">  <div id="templatemo_header"> <div
id="templatemo_menu_section"> <ul>
<li><a href="#" _fcksavedurl="#"
class="current">Home</a></li>
<li><a href="#"
_fcksavedurl="#">Guitars</a></li>
<li><a href="#"
_fcksavedurl="#">Albums</a></li>
<li><a href="#"
_fcksavedurl="#">Bands</a></li>
<li><a href="#"
_fcksavedurl="#">Testimonials</a></li>
<li><a href="#" _fcksavedurl="#">About
Us</a></li> <li><a href="#"
_fcksavedurl="#" class="last">Contact</a></li>
</ul> </div> </div>
<div id="templatemo_content_area">
<div id="templatemo_left"> <div
class="templatemo_left_section_box">
<div class="templatemo_left_section_box_top">
<h1> About Guitars</h1>
</div> <div
class="templatemo_left_section_box_mid">
<p>Mauris at tortor non mauris rhoncu vesti bulum. Praesent
purus nuncn com modo metus. </p>
<p>Mae cen astin cidu tellus et risus com modo lobor tiSed
alique.</p> <h1>
Tutorials</h1> <p
class="bottom_padding"><a href="#" _fcksavedurl="#">Vesti
bulum ante ipsum primis</a></p> <p
class="bottom_padding"><a href="#" _fcksavedurl="#">Uctus et
ultri ces pos test</a> </p> <p
class="bottom_padding"><a href="#" _fcksavedurl="#">Cubilia
cura Aene and do sed</a> </p> <p
class="bottom_padding"><a href="#" _fcksavedurl="#">Nun est
impe rdiet port</a></p> <h1>W3C
Validated</h1> <p>
<a href="http://validator.w3.org/check?uri=referer"
_fcksavedurl="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML
1.0 Transitional" width="88" height="31" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"
_fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px" alt="Valid CSS"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
/></a> </p>
</div> <div
class="templatemo_left_section_box_bottom">
</div> </div>
</div>
<div id="templatemo_middle">

Tasarım Altı :

Kod:

<p style="text-align: center"><a
href="http://www.KAYNAKKODUM.TR.GG"
_fcksavedurl="http://www.KAYNAKKODUM.TR.GG"><span style="color:
#ffffff"><span style="font-size: medium"><span
style="font-family: Comic Sans
MS"><strong>[Linkleri görebilmek için üye olun veya giriş yapın.]
</div>
<div id="templatemo_right"> <div
class="templatemo_right_section_box">
<div class="templatemo_right_section_box_top">
<h1>Albums</h1> </div>
<div class="templatemo_right_section_box_mid">
<ul> <li><a
href="#" _fcksavedurl="#">Ut consequat, ante egestas
tristique</a></li>
<li><a href="#" _fcksavedurl="#">Con gue, magna magna scele
ris que</a></li>
<li><a href="#" _fcksavedurl="#">Non congue est nibh quis
est</a></li> <li><a
href="#" _fcksavedurl="#">Suspendisse pharetra eros
molestie</a></li>
<li><a href="#" _fcksavedurl="#">orci tempus iaculis. Sed
ac porta dui</a></li> </ul>
</div> <div
class="templatemo_right_section_box_bottom">
</div> </div>
<div
class="templatemo_right_section_box">
<div class="templatemo_right_section_box_top">
<h1>Artists</h1> </div>
<div class="templatemo_right_section_box_mid">
<ul>
<li><a href="#" _fcksavedurl="#">Egestas
Tristique</a></li>
<li><a href="#" _fcksavedurl="#">Scele
Risque</a></li>
<li><a href="#" _fcksavedurl="#">Est
Nibhquis</a></li>
<li><a href="#" _fcksavedurl="#">Disse
Pharetra</a></li>
<li><a href="#" _fcksavedurl="#">Porta
Dui</a></li> </ul>
</div> <div
class="templatemo_right_section_box_bottom">
</div> </div>
</div>
<div class="cleaner"></div>
</div>
</div> <div
id="templatemo_bottom_bg"> <div
class="templatemo_container"> <div
id="templatemo_footer"> <div
class="templatemo_footer_section"> <a href="#"
_fcksavedurl="#">Home</a> | <a href="#"
_fcksavedurl="#">Guitars</a> | <a href="#"
_fcksavedurl="#">Albums</a> | <a href="#"
_fcksavedurl="#">Bands</a> | <a href="#"
_fcksavedurl="#">Testimonials</a> | <a href="#"
_fcksavedurl="#">About Us</a> | <a href="#"
_fcksavedurl="#">Contact</a> </div>
<div class="templatemo_footer_section">
Copyright

2024 <a href="#" _fcksavedurl="#">Your Company
Name</a> | Designed by <a href="http://www.templatemo.com"
_fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS
Templates</a> </div>
</div> </div> </div>

Css Kodu

Kod:

h1#title{display:
none;} h2#title span {display: none;} div.header{display: none;}
li.nav_element{list-style-type: none;} li.nav_element{display: none;}
/* CSS Credit: [Linkleri görebilmek için üye olun veya giriş yapın.] */ html { background:
#373737; } body { margin: 0; padding:0; font-family: Arial,
Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;
width: 100%; display: table; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_top_bg.jpg)
#000 repeat-x; } a:link, a:visited { color: #fff; text-decoration:
underline; } a:active, a:hover { color: #bbb; text-decoration: none; }
.templatemo_container { width: 950px; margin: auto; }
#templatemo_header { width: 950px; height: 331px;
background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_header.jpg)
no-repeat; } /* Menu Section */ #templatemo_menu_section{
width: 950px; height: 35px; float: left; margin: 295px 0 0
0; padding: 0; } #templatemo_menu_section ul { float: left;
width: 920px; margin: 0 0 0 0; padding: 0; list-style: none;
} #templatemo_menu_section ul li { display: inline; }
#templatemo_menu_section ul li a { float: left; padding: 8px 30px
0 30px; margin: 0; height: 26px; font-family: Arial;
font-size: 14px; font-weight: bold; text-align: center;
text-decoration: none; color: #858585; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_menu.jpg)
right bottom no-repeat; } #templatemo_menu_section ul li a.last{
background: none; } #templatemo_menu_section li a:hover,
#templatemo_menu_section li .current{ color: #fff; } /* End Of
Menu */ #templatemo_content_area { width: 950px; margin: 0;
padding: 0; } #templatemo_left { float: left; width:
220px; margin: 0; padding: 15px 0 0 0; } #templatemo_left
.templatemo_left_section_box { width: 221px; margin: 0 0 15px
0; padding: 0 ; } .templatemo_left_section_box
.templatemo_left_section_box_top { width: 206px; height:
35px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_top.jpg)
no-repeat; margin: 0; padding: 13px 0 0 15px; }
.templatemo_left_section_box_top h1 { height: 31px;
font-family: Arial; font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 0; padding: 5px 0 0 40px; }
.templatemo_left_section_box .templatemo_left_section_box_mid {
width: 191px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_mid.jpg)
repeat-y; margin: 0; padding: 10px 15px 0 15px; }
.templatemo_left_section_box_mid p { font-family: Arial;
font-size: 12px; color: #fff; text-align: justify; margin: 0
0 0 0; padding: 0 0 10px 0; } .templatemo_left_section_box
.bottom_padding { padding: 0; }
.templatemo_left_section_box_mid h1 { height: 31px;
font-family: Arial; font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 40px; }
.templatemo_left_section_box .templatemo_left_section_box_bottom {
width: 221px; height: 21px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_left_section_bottom.jpg)
no-repeat; margin: 0; padding: 0; } #templatemo_middle {
float: left; width: 455px; margin: 0; padding: 15px 15px 0
15px ; } #templatemo_middle .templatemo_middle_section_box {
width: 455px; margin: 0 0 15px 0; padding: 0; }
.templatemo_middle_section_box .templatemo_middle_section_box_top {
width: 440px; height: 35px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_top.jpg)
no-repeat; margin: 0; padding: 13px 0 0 15px; }
.templatemo_middle_section_box_top h1 { height: 31px;
font-family: Arial; font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 0; padding: 5px 0 0 40px; }
.templatemo_middle_section_box .templatemo_middle_section_box_mid {
width: 425px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_mid.jpg)
repeat-y; margin: 0; padding: 15px 15px 0 15px; }
.templatemo_middle_section_box_mid p { font-family: Arial;
font-size: 12px; color: #fff; text-align: justify; margin: 0
0 0 0; padding: 0 0 10px 0; } .templatemo_middle_section_box_mid
img { float: left; margin: 0 5px 5px 0; padding: 0; }
.templatemo_middle_section_box .bottom_padding { padding: 0; }
.templatemo_middle_section_box_mid h1 { height: 31px;
font-family: Arial; font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 10px 0 10px 0; padding: 5px 0 0 40px; }
.templatemo_middle_section_box .templatemo_middle_section_box_bottom {
width: 455px; height: 23px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_mid_section_bottom.jpg)
no-repeat; margin: 0; padding: 0; } #templatemo_right {
float: right; width: 245px; margin: 0; padding: 15px 0 0 0;
} #templatemo_right .templatemo_right_section_box { width:
246px; margin: 0 0 15px 0; padding: 0 ; }
.templatemo_right_section_box .templatemo_right_section_box_top {
width: 231px; height: 35px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_top.jpg)
no-repeat; margin: 0; padding: 13px 0 0 15px; }
.templatemo_right_section_box_top h1 { height: 31px;
font-family: Arial; font-size: 16px; color: #fff; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_music_note.jpg)
left no-repeat; margin: 0; padding: 5px 0 0 40px; }
.templatemo_right_section_box .templatemo_right_section_box_mid {
width: 216px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_mid.jpg)
repeat-y; margin: 0; padding: 15px 15px 0 15px; }
.templatemo_right_section_box_mid p { font-family: Arial;
font-size: 12px; color: #fff; text-align: justify; margin: 0
0 0 0; padding: 0 0 10px 0; } .templatemo_right_section_box_mid ul
{ list-style: none; margin: 0; padding: 0; }
.templatemo_right_section_box_mid li { font-family: Arial;
font-size: 12px; color: #fff; text-align: justify; margin: 0
0 0 0; padding: 0 0 5px 0; } .templatemo_right_section_box
.templatemo_right_section_box_bottom { width: 246px; height:
22px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_right_section_bottom.jpg)
no-repeat; margin: 0; padding: 0; } #templatemo_bottom_bg {
width: 100%; height: 200px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_bottom_bg.jpg)
repeat-x; } #templatemo_footer { width: 950px; height:
120px; background:
url(http://www.templatemo.com/templates/templatemo_103_guitar/images/templatemo_footer.jpg)
no-repeat; margin: 0; padding: 80px 0 0 0; }
#templatemo_footer .templatemo_footer_section { width: 100%;
margin: 0 0 10px 0; padding: 0; color: #fff; text-align:
center; font-size: 12px; } .cleaner { clear: both; margin: 0;
padding: 0; height: 0; }

» Forum Tasarımı ve Logosu