Black Ash Template

Scris de **Serenity** Joi Aug 26, 2010 7:14 pm

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Descriere: Acest template il dedic celor pasionat de teme negre, din pacate am incercat cat am putut sa il fac compatibil cu toate browserele, aici ma refer la IE, din pacate, pentru acest browser sunt prea multe fix-uri de care eu nu stiu, si de fiecare daca cand incercam sa rezolv ceva, aparea alta problema, deci pur si simplu nu am mai putut continua ... tot pentru pasionati am adaugat un drop down meniu (nu sexy drop down meniu), iar opacitatea la tabele este scazuta in termeni de photoshop la 20%, deci mare atentie ce background veti pune, daca e sa il schimbati pe cel de acum (din body). O da, si sa le multumesc lui Matei pentru ca mi-a aratat cum sa fac acel punct de lumina la header si lui AGent pentru sugestie.
Vizualizare cu browsere:
Mozilla Firefox 3
Google Chrome 5
Internet Explorer 8
Pont: Daca vreti sa scapati de imaginile cu facebook, twitter, yahoo si feed stergeti:

Cod:: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=koi8-r" /> <title>Blue and Black</title> <LINK HREF="style.css" rel="stylesheet" TYPE="text/css"> </head> <body><div class="title-logo"><a href="/forum.htm">Blue And Black</a></div> <div class="social_button"> <link rel="shortcut icon" href="http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/48/Letter-G-icon.png" /> <a href="http://" target="_blank" title="Contacteaza-ma pe Email !"><img src="http://img441.imageshack.us/img441/760/emailcrop.png"/></a> </div> <br><div id="search-box"><form method="get" action="/search.forum" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Cautare..." onclick="if (this.value == 'Cautare...') this.value = '';" onblur="if (this.value == '') this.value = 'Cautare...';" /><input class="button2" type="submit" value="Cautare" /></p></form></div> <br> <center><div class="table-1"><table border="0" cellpadding="20"> <tr> <th><div class="redirect"> <a href="/forum.htm"><img src="http://i69.servimg.com/u/f69/15/69/94/13/i_foru10.png"/></a></div> </th> <th> </th> <th> </th> <th><img src="http://i63.servimg.com/u/f63/15/13/02/16/next-l10.png"/></th> <th><img src="http://i63.servimg.com/u/f63/15/13/02/16/next1010.png"/></th> <th> </th> <th> </th> <th><div class="redirect"> <a href="/portal.htm"><img src="http://i69.servimg.com/u/f69/15/69/94/13/i_port10.png"/></a></div> </th> </tr> </table></div></center> <div class="copyright">  <br>Template creat de<a href="http://webdesign.forumgratuit.ro"> pXp.n0LimiT</a> |Copyright © 2010<a href="FresHMania"> [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | Hosted by <a href="http://www.forumgratuit.ro"/>Forumgratuit.ro</a> </div> <style> /*----------BODY---------*/ * { margin: 0; padding: 0; outline:0; } html, body { height: 100%; } body { font-size: 12px; line-height: 20px; font-family: Trebuchet MS,Tahoma, Arial, Helvetica, Sans-Serif; color: #666666; background: url(http://hitskin.com/themes/14/45/37/i_background.png); } a { color: #ffffff; text-decoration: none; cursor:pointer; font-family:Trebuchet MS,Tahoma; text-shadow: #777 0 1px 2px;} a:hover { color: #1E7DD1; text-decoration:none!important; } a img { border: 0; } /*----------HEADER---------*/ .title-logo a{ background-color:transparent; width: 100%; height: 46px; position:absolute; text-align:center; top:40px; color: #cccccc; font-size: 62px; font-weight: bold; font-family:Georgia; filter:alpha(opacity=100); -moz-opacity: 0.80; opacity: 0.3; } .title-logo a:hover { filter:alpha(opacity=100); -moz-opacity: 0.80; opacity: 1.0; text-shadow: #777 0 1px 2px; color: #fff; text-decoration:none!important; } /*---------FOOTER---------*/ .copyright { position: absolute; bottom: 0; background: url(http://i63.servimg.com/u/f63/15/13/02/16/321-cr10.png) repeat; width: 100%; height: 46px; text-align: center; color: #ADADAD; font-family: Trebuchet MS,Verdana; font-style: normal; font-size: 14px; font-weight: bold; } .copyright a { color: #cccccc; text-decoration: none;} .copyright a:hover { color: #ffffff; } .table-1 { position:absolute; background-color: transparent; width: 60%; height: 200px; top:220px; left:20%; } .redirect a img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 0.5;} .redirect a img:hover { filter:alpha(opacity=100); -moz-opacity: 0.85; opacity: 1.0;} /*---------SEARCH--------*/ #search-box{ float:left; top: 5px; position: relative; height: 60px; width: 700px; top:130px; left:22%; display: inline; background: transparent url(http://i63.servimg.com/u/f63/15/13/02/16/search11.png) no-repeat center;} #search-box #keywords { top: 6px; left: 50px; position: relative; width: 520px; background: transparent; font-family: Trebuchet MS,Verdana; font-style: normal; font-size: 18px; font-weight: bold; color: #666666;} #search-box input { border: none !important; background: none;} #search-box input.search { background: none; margin-left: 2px; margin-top: 2px;} #search-box input.button2 { font-size: 0px; background-image: url(http://i69.servimg.com/u/f69/15/69/94/13/search11.png); background-color: transparent; background-repeat: no-repeat; width: 78px !important; height: 33px !important; border: 0; margin-left: 82px; margin-top: 13px; background-position: 0 100%; color: transparent;} #search-box input.button2:hover { background-image: url(http://i69.servimg.com/u/f69/15/69/94/13/search12.png);} /*--------End-SEARCH--------*/ /*--------SOCIAL-BUTTONS---------*/ .social_button { position:absolute; top:1px; right:20;} .social_button a img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 0.3;} .social_button a img:hover { filter:alpha(opacity=100); -moz-opacity: 0.85; opacity: 1.0;} /*-------End-SOCIAL-BUTTONS---------*/ </style> </body> </html>