Red Class v1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:
• Arama Çubuğu
• Duyuru Paneli
• Sağ ve Üst Menü
• 125lik Reklam Alanı

Tasarımın üzerindeki yazı: <div id="div1"> <div id="div4"></div> <div id="div5"><img src="http://img.webme.com/pic/g/grafiker-uzmani/761-96_reklam.png" width="761" height="96" longdesc="#"></div></div><div id="div2"> <table width="1005" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="236" align="left" valign="top" scope="row"><div class="red-class-t-m" id="red-class-t-m"> <ul> <h3>Menü Başlığı</h3> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> </ul><br> <ul> <h3>Menü Başlığı</h3> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> </ul></div> </td> <td width="18"> </td> <td width="740" align="left" valign="top"> <div id="container"> <div id="header_container"> <div id="pre_header"></div> <div class="header"><h1 id="header"><span>grafiker-uzmani</span></h1></div> <div id="post_header"></div> </div> <div id="nav_container"> <h2 id="nav_heading"><span></span></h2> <ul id="nav"><li class="nav_element" id="nav_AnaSayfa"><a href="/Ana-Sayfa.htm" class="menu">Ana Sayfa</a></li><li class="nav_element" id="nav_SiteBilgi"><a href="/Site-Bilgi.htm" class="menu">Site Bilgi</a></li><li class="nav_element" id="nav_Tasarim304stek"><a href="/Tasarim-%26%23304%3Bstek.htm" class="menu">Tasarim İstek</a></li><li class="nav_element" id="nav_304leti351im"><a href="/%26%23304%3Bleti%26%23351%3Bim.htm" class="menu">İletişim</a></li><li class="nav_element" id="nav_Deneme"><a href="/Deneme.htm" class="menu">Deneme</a></li><li class="nav_element checked_menu" id="nav_Sayfalandirma"><a href="/Sayfalandirma.htm" class="menu">Sayfalandirma</a></li> </ul> </div> <div id="content_container"> <div id="pre_content"></div> <div id="content"> <h2 id="title"><span>Sayfalandirma</span></h2> <style type="text/css"><!-- .style2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .style4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; } --></style>

Tasarımın altındaki yazı:<div id="counter"><span></span></div> <div id="post_content"></div> <div id="sidebar_container"> <h2 id="sidebar_heading"><span></span></h2> <div id="sidebar_content"></div> </div> </div> </div> </td> <td width="11"> </td> </tr> </table></div><div id="div3"></div></td> <td width="11"> </td> </tr> </table></div></td><td width="11"> </td> </tr> </table></div> <a href="http://www.bedava-sitem.com?utm_source=selfpromotion&utm_campaign=footer&utm_medium=footertextlink" target="_blank" style="font-size:15px;" id="webme_footer_textlink_dont_hide" rel="nofollow">=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=</a> <div id="extraDiv1"><span></span></div> <div id="extraDiv2"><span></span></div> <div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div> <div id="extraDiv5"><span></span></div> <div id="extraDiv6"><span></span></div> <!-- The banner cannot be hidden. You can position it via CSS wherever you like. The only condition is, it has to be completely visible in the top 1,000 pixel of your website. --> <div id="webme_sky_ad"><IFRAME FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="160" HEIGHT="600" SRC="http://fcdn.webme.com/selfpromotion.php?size=160x600"></IFRAME></div> </body></html>

CSS kodu:table {margin-left: auto;margin-right: auto} 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;} #webme_sky_ad { position: absolute; right: 5px; top: 0px; z-index: 1000000000000000000; } #webme_footer_textlink_dont_hide { z-index: 10000; color: white; background-color: black; } #div1 { background-image: url(http://img.webme.com/pic/g/grafiker-uzmani/red-class_01.png); height: 119px; width: 1024px; margin-right: auto; margin-left: auto; } #div2 { background-image: url(http://img.webme.com/pic/g/grafiker-uzmani/red-class_02.png); height: auto; width: 1024px; margin-right: auto; margin-left: auto; } #div3 { background-image: url(http://img.webme.com/pic/g/grafiker-uzmani/red-class_03.png); height: 66px; width: 1024px; margin-right: auto; margin-left: auto; } #div4 { background-image: url(http://img.webme.com/pic/g/grafiker-uzmani/241-96_logo.png); height: 96px; width: 241px; float: left; margin-top: 8px; margin-left: 8px; } #div5 { background-image: url(http://img.webme.com/pic/g/grafiker-uzmani/761-96_reklam.png); float: right; height: 96px; width: 761px; margin-top: 8px; margin-right: 8px; } body { background-image: none; background-color: #b82828; } .red-class-t-m { } #red-class-t-m ul { list-style-type: none; margin: 0px; padding: 0px; } #red-class-t-m li { width: 238px; height: 20px; border-bottom-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } #red-class-t-m h3 { font-family: Verdana, Arial, Helvetica, sans-serif; width: 238px; background-color: #FFFFFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; text-align: center; font-size: 16px; padding: 0px; height: 20px; } #red-class-t-m a:hover { color: #FFFFFF; } #red-class-t-m a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; } #webme_footer_textlink_dont_hide { color: #000000; position: absolute; left: 350px; in: 0px; padding: 9px 27px 8px 120px; background: url(http://img.webme.com/pic/g/grafiker-uzmani/reklam_textlink.png); }

Ana sayfaya eklenecek kod:<table width="520" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td height="33" background="http://img.webme.com/pic/g/grafiker-uzmani/red-class-blog1.png" scope="row"> <table width="508" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="left" valign="top" scope="row"><span class="style4">Konu başlığı </span></td> </tr> </tbody> </table> </td> </tr> <tr> <td height="105" background="http://img.webme.com/pic/g/grafiker-uzmani/red-class-blog2.png" scope="row"><a href="#"><img src="http://img.webme.com/pic/g/grafiker-uzmani/red-class-blog2.png" width="520" height="105" border="0" alt="" /></a></td> </tr> <tr> <td height="11" background="http://img.webme.com/pic/g/grafiker-uzmani/red-class-blog-i_01.png" scope="row"> </td> </tr> <tr> <td height="33" background="http://img.webme.com/pic/g/grafiker-uzmani/red-class-blog-ic_02.png" scope="row"> <table width="508" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td scope="row"><span class="style2">Blog içeriği hakkında kısa bir bilgi vermek istiyorum.. Konu başlığı kısımına konu ile alakalı olan başlığı yazın.. Hemen alt kısımında 540 x 105 boyutlarında olucak blog için bir konu hakkında bir resim koymanız gerekmektedir.. Bu konuda önemli bir not düşmeliyim.. Boyut 520 x 105 boyutlarını kesinlikle geçmemelidir.. Son olarak bu alana konu hakkında açıklama gelmelidir.. <br /> </span></td> </tr> </tbody> </table> </td> </tr> <tr> <td height="13" background="http://img.webme.com/pic/g/grafiker-uzmani/red-class-blog-i_03.png" scope="row"> </td> </tr> </tbody></table><br /><br /><table width="292" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="292" scope="row"><script type="text/javascript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sayfalandirma1','','http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-1-.png',1)"><img src="http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-1.png" name="sayfalandirma1" width="32" height="33" border="0" alt="" /></a> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sayfalandirma2','','http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-2-.png',1)"><img src="http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-2.png" name="sayfalandirma2" width="32" height="33" border="0" alt="" /></a> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sayfalandirma3','','http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-3-.png',1)"><img src="http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-3.png" name="sayfalandirma3" width="32" height="33" border="0" alt="" /></a> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sayfalandirma4','','http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-4-.png',1)"><img src="http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-4.png" name="sayfalandirma4" width="32" height="33" border="0" alt="" /></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sayfalandirma5','','http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-5-.png',1)"> <img src="http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-5.png" name="sayfalandirma5" width="32" height="33" border="0" alt="" /> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sayfalandirma6','','http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-6-.png',1)"><img src="http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-6.png" name="sayfalandirma6" width="32" height="33" border="0" alt="" /> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sayfalandirma7','','http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-7-.png',1)"><img src="http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-7.png" name="sayfalandirma7" width="32" height="33" border="0" alt="" /></a> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sayfalandima8','','http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-8-.png',1)"><img src="http://img.webme.com/pic/g/grafiker-uzmani/red-clas-sayfalandirma-8.png" name="sayfalandima8" width="32" height="33" border="0" alt="" /></a></td> </tr> </tbody></table>