Headere Kutu Şeklinde Duyuru V-2

[Furkomm]

Merhaba arkadaşlar, yeni bir tasarımla karşınızdayım. Daha çok sade forumların kullanabileceği bir tasarım, kutu..

Resim:



HTML kodu:

Kod: Tümünü Seç Tümünü Kopyala

<!--Bir Not -->
<div id="birnot"><img src="http://p1310.hizliresim.com/1g/b/tg1kb.png" /> </div>
<div id="birnotyazi"><a href="#">Bir Not</div>
<div id="birnotyaziicerik"><a href="#"><div id="birnotyazi"><a href="#">D. Mod'luk 100 mesajdir..</div></div>

CSS kodu:

Kod: Tümünü Seç Tümünü Kopyala

/* Bir Not */
#birnot {position:absolute; bottom:540px; left:800px;}

/* Bir Not Yazı */
#birnotyazi a { font: 11px Arial; display: block; color:#fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }
#birnotyazi a { position:absolute; bottom:550px; left:760px; }
/* Bir Not Yazı İçeriği */
#birnotyaziicerik a { font: 10px Arial; display: block; color:#fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }
#birnotyaziicerik a { position:absolute; bottom:552px; left:820px; }

Test edilmiştir, sorunsuzdur.
Kodlarda oynama yaparak yerini belirleyebilirsiniz, ben APART serisine göre yaptım..

[Yurisa]

Çok Güzel :)

[Saint]

diğerine göre süper hani bu bir forumun açıklaması olurya konu kısmında üstüne gelince çıkar açıklama öylede kullanılır destekteki gibi