Bedava-Sitem Forum Tasarimi Kodu

Merhaba Arkadaşlar...

Şimdi sizlere "Bedava-Sitem Forum Kodu"nu tanıtacağım.Forum tasarımının üzerinde oynama yapılarak belirli "Css/Html" kodları ile forum tasarımını güzelleştirilmiş halidir bu.

Bu kodu  eklemek için ilk olarak  "Ekstra" sayfasına giriyoruz sonra "Forum" ekstrasını seçip giriyoruz ve orda üst alanda boş bir yazı menüsü vardır oraya aşağıdaki kodu ekliyoruz ve kaydetiyoruz tasarım aktif oluyor.

<style> .forumueberschrift{ display: block; padding: 15px 10px 15px 15px; border: 1px solid #c0c0c0; border-radius: 10px 10px 0 0; font-family: Verdana; color: #333; font-size: 12px; font-weight: bold; background: #efefe7 url(http://www.forumuz.net/images/styles/VisionCollision/misc/navbit-home.png) no-repeat left; } .forumtabelle { background-color: #efefe7; border: 1px solid #c0c0c0; padding: 20px; border-radius: 0 0 10px 10px; margin-top: -20px; border-top: none; } a[style="font-size:15px;font-weight:bold;"]{ padding: 15px 10px 15px 15px; border: 1px solid #c0c0c0; border-radius: 10px; font-family: Verdana; color: #C03; font-size: 12px; font-weight: bold; background: #efefe7; margin: 15px 0 20px 0; text-decoration: none; display: block; } TD[width="100%"]{ padding: 5px 5px 5px 5px; border: 1px solid #c0c0c0; border-radius: 10px; font-family: Verdana; color: #C03; font-size: 12px; font-weight: bold; background: #efefe7; margin: 15px 0 20px 0; text-decoration: none; display: block; width: 99%; } TD[width="100%"] a{ text-decoration: none; } TABLE[cellspacing="0"]{ border: none; border: 1px solid #c0c0c0; border-radius: 10px; padding: 5px; color: #333; font-size: 11px; } TABLE[cellspacing="0"] a{ color: #C03; text-decoration:none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } TABLE[cellspacing="0"] a:hover{ text-decoration:none; } TD{ color: #333; text-decoration:none; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } TR[onMouseOver="this.bgColor = '#dedfc6'"]{ background: #efefe7; } TD[width="300"]{ border-bottom: 1px solid #d1d1e1; } TD[width="75"]{ border-bottom: 1px solid #d1d1e1; } TD[width="120"]{ border-bottom: 1px solid #d1d1e1; } #emr{ text-decoration: none; } #emr ul { font-family: Verdana, Geneva, sans-serif; font-size: 12px; } #emr ul li { display: inline; padding-right: 100px; margin: 0px; } #emr ul li a { font-size: 12px; color: #C00; text-decoration: none; font-weight: bold; padding: 5px; } #emr ul li a:hover { color: #FFF; text-decoration: none; background-color: #C00; border-radius: 5px; } </style> <div id="emr"> <ul> <li><a href="http://siteadı.tr.gg/Forum/index.htm" _fcksavedurl="http://siteadı.tr.gg/Forum/index.htm">Anasayfa</a></li> <li><a href="http://siteadı.tr.gg/Forum/anmelden.htm" _fcksavedurl="http://siteadı.tr.gg/Forum/anmelden.htm">Kayıt Ol</a></li> <li><a href="http://siteadı.tr.gg/Forum-Kurallari.htm" _fcksavedurl="http://siteadı.tr.gg/Forum-Kurallari.htm">Forum Kuralları</a></li> <li><a href="http://siteadı.tr.gg/Forum/ausloggen.htm" _fcksavedurl="http://siteadı.tr.gg/Forum/ausloggen.htm">Çıkış</a></li> </ul> </div>

Kodun Önizlemesi

URL:

HTML Link:

Forum Link:

Blogger eklentileri