Forum'da ara:
Ara


Yazar Mesaj
Mesaj14.08.2012, 16:37 (UTC)    
Mesaj konusu:

FrmBestLive PSD Paylaşım 01 : PSD Ribbon Menü





PSD İndir : http://frmbestlive.googlecode.com/files/ilkribbon%C3%A7al%C4%B1%C5%9Fma.psd
( Dikkat doğrudan inecektir )

Tamamen kendi çalışmamdır.
Mesaj24.08.2012, 23:03 (UTC)    
Mesaj konusu:

Bu başlık biraz aktif olmalı arkadaşlar...



Css Kodu
Kod:
a{text-decoration: none;} #blogkutusu {background: url(http://img.webme.com/pic/g/grafikdizayn/mng_blogpaylasim2_1.png) no-repeat;} #blogbasligi a{padding-left: 10px; font-size: 22px; font-family: Calibri; color: #1b1b1b;} #blogbasligi a:hover {padding-left: 10px; font-size: 22px; font-family: Calibri; color: #000000; font-weight: bolder;} #blogresim {padding: 4px 2px 2px 11px;} .blogbilgiler {padding: 3px 4px 4px 15px; font-size: 12px; font-family: Calibri; color: #dadada; float: left;} .devaminioku a{padding: 2px 20px 4px 4px; font-size: 14px; font-family: Calibri; color: #dadada; float: right;} .devaminioku a:hover {text-decoration: underline; font-size: 14px; font-family: Calibri; color: #dadada;} #blogyazi {padding: 27px 10px 5px 15px; font-size: 12px; font-family: Calibri; color: #525252;}

Html Kodu
Kod:
<table width="650" height="272" border="0" cellspacing="0" cellpadding="0">   <tr>     <td align="left" valign="top">           <div id="blogkutusu"><div class="blogkutusu">       <div id="blogbasligi"><a href="#" _fcksavedurl="#">Konu Başlığı (www.grafikdizayn.tr.gg)</a></div>       <div id="blogresim"><img src="http://img.webme.com/pic/g/grafikdizayn/mng_blogpaylasim2_2.png" _fcksavedurl="http://img.webme.com/pic/g/grafikdizayn/mng_blogpaylasim2_2.png"></div>       <div class="blogbilgiler"><b>Yazar:</b> GrafikDizayn     <b>Kategori:</b> Genel     <b>Tarih:</b> 22.08.2012</div>       <div class="devaminioku"><a href="#" _fcksavedurl="#">Devamını Oku</a></div>       <div id="blogyazi">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer quis dui tellus, id mollis ipsum. Phasellus consequat volutpat sagittis. Praesent nunc ante, ullamcorper at pretium non, vehicula eu risus. In et tellus velit. Mauris mollis mollis gravida. Sed nunc neque, eleifend ut sollicitudin ut, ultricies hendrerit diam. Praesent euismod quam nec eros fermentum ornare. Curabitur in sapien eu quam tempus facilisis fringilla eget nunc. Nullam vitae ultricies dolor. Suspendisse et tortor sed augue eleifend consectetur sagittis sit amet tortor. Sed tincidunt arcu sit amet ante adipiscing eget ultrices magna placerat.</DİV>       </div></div>    </td>   </tr> </table>
Mesaj24.08.2012, 23:25 (UTC)    
Mesaj konusu:

Kategori:Sayfalandırma



Kod:
<div style="text-align: center; "><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_01.png" alt="" /><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_02.png" border="0" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_03.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_04.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_05.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_06.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_07.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_08.png" alt="" /></a><a href="Link"><img src="http://img.webme.com/pic/c/canduymus/sayfalanma_09.png" alt="" /></a></div>

(Mesaja görsel eklenmiştir..! @grafikdizayn)


En son canduymus tarafından 30.09.2012 03:02:36 tarihinde değiştirildi, toplam 2 kere değiştirildi
Mesaj25.08.2012, 17:13 (UTC)    
Mesaj konusu:

Basit birşey ama yinede hoş, kullanışlı bir üst menü paylaşıcam sizin ile. Kendim de kullanıyorum zaten Smile...
Kodda değişiklikler yapabilirsiniz, küçültebilir veya büyültebilirsiniz bunu CSS kodundan yapıcaksınız boyutlar yerini bulupta yani...





Menüyü Ekliyeceğiniz Yere Gelecek KOD :
Kod:
<div id="ustmenu">
          <ul>
    <li><a href="/ana-sayfa.htm">Ana Sayfa</a></li>
    <li><a href="/murad.htm">Hakkımda</a></li>
    <li><a href="/defter.htm">Yorum Yap</a></li>
    <li><a href="/iletisim.htm">İletişime Geç</a></li>
    <li><a href="#">Arşivlerim</a></li>
          </ul>
        </div>


CSS'ye ekliyeceğiniz KOD :
Kod:
#ustmenu {
   height: 45px;
   width: 579px;
   float: left;
   margin-top: 12px;
}
#ustmenu ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#ustmenu li {
   float: left;
}
#ustmenu a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   text-decoration: none;
   color: #666666;
   display: block;
   height: 41px;
   width: auto;
   margin-left: 15px;
   padding-right: 7px;
   padding-left: 7px;
   padding-top: 25px;
}
#ustmenu a:hover {
   color: #000000;
   background-image: url(http://img.webme.com/pic/h/hosting-dizayn/ustmenualt.png);
}
Mesaj26.08.2012, 20:31 (UTC)    
Mesaj konusu:

Merhabalar Smile
İlk Yaptığım 3 Adet İntromu Paylaşayım Dedim
Arkadaşlar Lütfen Değerlendirin İlk Yaptığım İntrom ..



Kod:
<img src="http://f1208.hizliresim.com/10/u/c9g75.png" width="700" height="700" border="0" usemap="#Map" alt="" /> <map name="Map">
<area shape="rect" coords="132,134,300,166" href="#anasayfa" />
<area shape="rect" coords="322,134,449,168" href="#iletisim" />
<area shape="rect" coords="472,135,581,167" href="#defter" /> <!---kodsistemi.tr.gg. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---kodsistemi.tr.gg. kod bitişi---> </map>


2. İntrom



Kod:
<img src="http://e1208.hizliresim.com/10/u/c9gw9.png" width="700" height="700" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="80,148,189,171" href="#siteyegiris">
<area shape="rect" coords="84,195,186,218" href="#hakkimizda">
<area shape="rect" coords="78,247,172,270" href="#iletisim">
<area shape="rect" coords="78,301,183,326" href="#z.defteri">
<area shape="rect" coords="171,401,532,462" href="#facebook">
<area shape="rect" coords="203,465,494,532" href="#twitter">
<area shape="rect" coords="552,623,618,646" href="#yenileadres-siteadresiyazin">
</map>
<!---kodsistemi.tr.gg. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---kodsistemi.tr.gg. kod bitişi--->


3. İntrom



Kod:
<img src="http://c1208.hizliresim.com/10/u/c9j2m.png" width="700" height="700" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="86,94,148,186" href="#anasayfa">
<area shape="rect" coords="171,107,233,179" href="#galeri">
<area shape="rect" coords="265,99,322,180" href="#hakkimizda">
<area shape="rect" coords="355,99,411,178" href="#iletisim">
<area shape="rect" coords="562,230,672,313" href="#degerlendirme">
<area shape="rect" coords="560,323,667,401" href="#defter">
<area shape="rect" coords="323,468,651,534" href="#facebook">
<area shape="rect" coords="358,536,618,585" href="#twitter">
</map><!---kodsistemi.tr.gg. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---kodsistemi.tr.gg. kod bitişi--->


(Mesajdaki karakter hataları düzeltildi... Önizlemeler eklendi... Renklendirildi.. @grafikdizayn)


En son 0yuncagim tarafından 30.09.2012 02:41:55 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj27.08.2012, 07:18 (UTC)    
Mesaj konusu:

MERHABALAR.
YİNE BİR İNTRO.






Kod:
<img src="http://g1208.hizliresim.com/10/v/c9tbk.png" width="900" height="350" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="291,125,374,149" href="#anasayfa">
<area shape="rect" coords="383,127,460,150" href="#iletisim">
<area shape="rect" coords="479,130,553,146" href="#zdefteri">
<area shape="rect" coords="630,229,1065,296" href="#facebook">
</map>
<!---0YUNCAGİM.TR.GG. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://g1208.hizliresim.com/10/v/c9tbv.png);} </style> <!---0YUNCAGİM.TR.GG. kod bitişi--->


En son 0yuncagim tarafından 07.06.2013 23:09:11 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj27.08.2012, 08:08 (UTC)    
Mesaj konusu:




Kod:
<style type="text/css">
#yanmenu {
   width: 250px;
}

#yanmenu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#yanmenu ul li a {
   text-decoration: none;
   color: #CCC;
   font-family: Tahoma, Geneva,

sans-serif;
   display: block;
   height: 23px;
   width: 245px;
   padding-top:2px;
   padding-left: 5px;
   background-image:

url(http://d1208.hizliresim.com/10/v/c9u1c.png);
   margin-bottom: 1px;
}
#yanmenu ul li a:hover {
   background-image:

url(http://d1208.hizliresim.com/10/v/c9u1n.png);
}
</style>
<div id="yanmenu">
  <ul>
    <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>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
    <li><a href="#">Eklenecek</a></li>
  </ul>
</div>


(Mesaja önizleme eklenmiştir..! @grafikdizayn)


En son 0yuncagim tarafından 30.09.2012 02:34:55 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj27.08.2012, 08:48 (UTC)    
Mesaj konusu:

yine bir intro daha Smile


önizleme ( bence en ıyısı bu bneım ıcın yaptıklarımdan )



KODU

Kod:
<img src="http://g1208.hizliresim.com/10/v/c9vdv.png" alt="" width="682" height="720" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="9,157,127,205" href="#anasayfa">
<area shape="rect" coords="10,227,130,279" href="#hakkimizda">
<area shape="rect" coords="559,156,678,209" href="#zdefteri">
<area shape="rect" coords="558,232,678,284" href="#iletisim">
<area shape="rect" coords="195,186,492,225" href="#facebook">
<area shape="rect" coords="205,269,475,306" href="#twitter">
<area shape="rect" coords="240,347,436,391" href="#galeri">
</map><!---0YUNCAGİM.TR.GG. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---0YUNCAGİM.TR.GG. kod bitişi--->
Mesaj27.08.2012, 09:49 (UTC)    
Mesaj konusu:

yine intro Very Happy

Kod:
<img src="http://b1208.hizliresim.com/10/u/c99kq.png" width="500" height="500" border="0" usemap="#Map" alt="" /> <map name="Map">
<area shape="rect" coords="93,410,244,457" href="http://www.facebook.com/ahmet.tulqar" />
<area shape="rect" coords="264,407,419,457" href="http://www.facebook.com/NicqqYoqq" />
<area shape="rect" coords="85,54,139,70" href="/inde.htm" />
<area shape="rect" coords="147,50,183,73" href="/iletisim.htm" />
<area shape="rect" coords="193,52,233,73" href="/hakkmz.htm" />
<area shape="rect" coords="298,49,368,72" href="/defter.htm" />
<area shape="rect" coords="374,47,429,74" href="/tasarim.htm" /> </map><!---0YUNCAGİM.TR.GG. kod başlangıcı---> <style type="text/css"> .nackvision.com {Background code} body {background-image: url(http://2.bp.blogspot.com/_ubwIhqPcR6M/TL5e8FcjPeI/AAAAAAAABE4/0HgGHvhjs3s/s1600/royalebg.png);} </style> <!---0YUNCAGİM.TR.GG. kod bitişi--->



önizleme




arka planı vardır bu png goruntusudr..
Mesaj28.08.2012, 14:47 (UTC)    
Mesaj konusu:

Buda benim ilk blog anasayfası yapımım kodun önizlemesini yapmayı bilmiyordum o yüzden yapamadım direk kodu vereyim



Kod:
<table width="725" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="31" background="http://img.webme.com/pic/t/teablog/anasayfau.gif" scope="col">Buraya başlık</td>
  </tr>
  <tr>
    <td height="39" align="left" valign="top" background="http://img.webme.com/pic/t/teablog/anasayfai.gif" scope="col">Buraya içerik ama Fazla uzun olmasın katlanma hatası yaşayabilirsiniz</td>
  </tr>
  <tr>
    <td height="26" background="http://img.webme.com/pic/t/teablog/anasayfaa.gif" scope="col"><table width="725" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="16" height="23">&nbsp;</td>
        <td width="258">Tarih:</td>
        <td width="305">Yazar: </td>
        <td width="134"><a href="Buraya Url">Yazinin Devami =&gt;</a></td>
        <td width="12">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
</table>

(Konuya görsel eklenmiştir.. @grafikdizayn)


En son teablog tarafından 30.09.2012 02:45:44 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj27.10.2012, 00:07 (UTC)    
Mesaj konusu:




Kod:
<style>
#uye-ol_01 {
   width: 216px;
   height: 120px;
   background-image: url(http://img.webme.com/pic/a/aykut-servis/uye-ol_01.png);
}
#uye-ol_02 {
width: 216px;
height: 89px;
}
</style>
<div id="uye-ol_01"></div>
<div id="uye-ol_02">
<img src="http://img.webme.com/pic/a/aykut-servis/uye-ol_02.png" width="216" height="89" border="0" usemap="#Map">
  <map name="Map">
    <area shape="rect" coords="81,17,200,73" href="url buraya gelcek ustaaa">
  </map>
</div>

______________
"Kendini dünyalar kadar değerli zannedenlere kısa bir not; Dünya 5 para etmiyor."
Mesaj11.11.2012, 17:36 (UTC)    
Mesaj konusu:





Kod:
http://img.webme.com/pic/c/ciz-dizayn/mavi_reklam_alani1.png

______________
Bir profesyonel yaptığı yardımları değil, kendisine yapılan yardımları hatırlayan'dır.

Sorunlar İçin destek( at )bedava-sitem.com Adresine mail atınız. DESTEK : Tarık Bey
Mesaj03.12.2012, 21:44 (UTC)    
Mesaj konusu:

ciz-dizayn yazmış:




Kod:
http://img.webme.com/pic/c/ciz-dizayn/mavi_reklam_alani1.png

Güzel çalışma tekbrikler moderatorum. Smile
______________
Mesaj11.02.2013, 21:57 (UTC)    
Mesaj konusu:

Çizgi Smileyler

Çok süper bir smileyler aslında çokta kullanışlı az da olsa insana benziyorlar bari nerdeyse 3d yani 3 boyutlu şekil olacaklar. Neyse siz bunları boş verin şimdi smileylerin keyfini çıkartın.








Kod:
<link rel="stylesheet" type="text/css" href="http://spetools.de/css/1192.css" />

______________

Web siteme ulaş : http://gonez.tr.gg/


En son gonez tarafından 07.06.2013 23:13:05 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj11.02.2013, 22:02 (UTC)    
Mesaj konusu:

Jquery Tarzı Sosyal Paylaşım Butonları

Kodlarımız çok kullanışlıdır aynı zamanda css özelliği ve javascript özelliği ile güzel bir jquery tarzı sosyal paylaşım kodu oluşturmuş olduk. Bu kodu web sayfalarınızın menülerinde kullanmanızı tavsiye ediyorum.








CSS
Kod:

ul#m-soc2{ 
margin: 18px 0 0 10px;padding: 0;width: 220px;height:50px;}

ul#m-soc2 li{
list-style: none;margin: 7px;padding: 0;float:left;border: none;}

ul#m-soc2 li a{
background: url(https://lh4.googleusercontent.com/-n5zj4LjXnmM/T8zwsOI_NhI/AAAAAAAADIg/tD-DgPUODu4/s132/sosyal-butonlar.png) no-repeat 0 0;
margin:0;padding:0;display: block;position:relative;
width: 33px;
height: 33px;
overflow: visible;
}

ul#m-soc2 li a.twitter{
background-position: 0 0;
}
ul#m-soc2 li a.facebook{
background-position: -33px 0;
}
ul#m-soc2 li a.google{
background-position: -66px 0;
}
ul#m-soc2 li a.rss{
background-position: -99px 0;
}
ul#m-soc2 li a.twitter:hover{
background-position: 0 -33px;
}
ul#m-soc2 li a.facebook:hover{
background-position: -33px -33px;
}
ul#m-soc2 li a.google:hover {
background-position:-66px -33px;
}
ul#m-soc2 li a.rss:hover{
background-position:-99px -33px;
}
ul#m-soc2 li a span{
background: #555;position:absolute;
top:-10px;left:-10px;width:auto;height:auto;opacity:0;
padding:3px;text-align:left;
color:#fff;filter:alpha(opacity=0);
white-space:nowrap;border-radius:3px;font-size:12px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;}

ul#m-soc2 li a:hover{text-decoration:none}

ul#m-soc2 li a:hover span{
opacity:.7;
filter:alpha(opacity=70);
top:-23px}


HTML

Kod:
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

<ul id="m-soc2">
    <li><a class="twitter" href="http://twitter.com/dalli53"><span>Twitter</span></a></li>
    <li><a class="facebook" href="http://facebook.com/ohalan.tv"><span>Facebook</span></a></li>
    <li><a class="google" href="https://plus.google.com/"><span>Google+</span></a></li>
    <li><a class="rss" href="http://feeds.feedburner.com/gonez"><span>RSS</span></a></li>
</ul>

______________

Web siteme ulaş : http://gonez.tr.gg/


En son gonez tarafından 07.06.2013 23:14:18 tarihinde değiştirildi, toplam 1 kere değiştirildi
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu