Forum'da ara:
Ara


Yazar Mesaj
Mesaj30.06.2011, 20:36 (UTC)    
Mesaj konusu: Mikro-Blog V1 Gri Teması
Alıntıyla Cevap Gönder
Merhabalar.

Tamamen kendi yapımım olan " Mikro-Blog V1 Gri Teması " nı sizlere sunuyorum. Paylaşmamdaki amaç, siteye içerik eklememem. Boşa gitmesin dedim. Buyrun isteyenler kullansın.

Tasarım Özellikleri;

[ - ] Renkleri gri ve kırmızı.

[ - ] 2 Üst menü, 1 Sol menü bulunuyor.

[ - ] 1 Adet 468x60 reklam alanı (Logo Yanı), 1 adet de 250x250 Reklam alanı (Sol Menü Üstü) bulunuyor.

[ - ] Tasarımda Resim kullanmamaya özen gösterdim. Sadece " Logo, Sol Menü, Blog Anasayfası ve Reklam Alanlarında resim bulunuyor.

[ - ] Telif hakkına ya da başka bir şeye reklamımı koymadım. Rahatça kullanabilirsiniz.

Sitenizde yayınlayıp bunu ben yaptım derseniz elbet yalanınız ortaya çıkar. Bana birşey olmaz. Ben yapabildiğimi biliyorum. Şu sözü de çok severim: " Takdir ediliyorsan değil, TAKLİT ediliyorsan Başarmışsın demektir ! "


Tasarım Önizlemesi;



Tasarım Üstü;

Kod:
<div id="tas">
  <div id="ustcizgi"></div>
    <div id="mikro">
        <div id="enustmenu">
          <ul>
            <li><a href="#">Anasayfa</a></li>
            <li><a href="#">Hakkimda</a></li>
            <li><a href="#">Ziyaretci Defteri</a></li>
            <li><a href="#">Forum</a></li>
            <li><a href="#">Abone Ol</a></li>
            <li><a href="#">Iletisim</a></li>
          </ul>
      </div>
          <div id="usttaraf">
             <div class="logo"><a href="#"><img src="http://img.webme.com/pic/m/mikro-blog/mikro-blog_logo.png"></a></div>
            <div class="ustreklam"><a href="#"><img src="http://img.webme.com/pic/m/mikro-blog/mikro-blog_468x60.png"></a></div>
          </div>
              <div id="ustmenu">
                <ul>
                  <li><a href="#">Css-Grafik</a></li>
                  <li><a href="#">JavaScript-Jquery</a></li>
                  <li><a href="#">Css Tasarımlar</a></li>
                  <li><a href="#">İceblue Tasarımlar</a></li>
                  <li><a href="#">Bedava-Sitem Ekstraları</a></li>
                  <li><a href="#">Facebook / Sayfa</a></li>
                  <li><a href="#">Müzik / Video</a></li>
                </ul>
              </div>
              <div class="soltaraf">
                 <div class="menubaslik">Bagış Kutusu;</div>
                <div class="menuicerik"><a href="#"><img src="http://img.webme.com/pic/m/mikro-blog/mikro-blog_250x250.png" /></a></div>
               
                <div class="menubaslik">Kategoriler;</div>
                <div class="menuicerik">
                  <ul>
                     <li><a href="#">Css-Grafik</a></li>
                  <li><a href="#">JavaScript-Jquery</a></li>
                  <li><a href="#">Css Tasarımlar</a></li>
                  <li><a href="#">İceblue Tasarımlar</a></li>
                  <li><a href="#">Bedava-Sitem Ekstraları</a></li>
                  <li><a href="#">Facebook / Sayfa</a></li>
                  <li><a href="#">Müzik / Video</a></li>
                  </ul>
                </div>
              </div>
              <div class="sagtaraf">



Tasarım Altı;

Kod:
</div>
    </div>
<div style="margin-top: 10px;" id="ustcizgi"></div>
<div style="margin-bottom: 10px;" class="kopi">Kopiraytt (:</div>
</div>



Css Kod;

Kod:
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;}
table {margin-left: auto;margin-right: auto}

img{
border: none;
}

body{
background: url(http://www.backgroundlabs.com/backgrounds/159.gif);
}

body,td,th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
}
a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #A40606;
}
a:visited {
   color: #A40606;
}
a:hover {
   color: #A40606;
}
a:active {
   color: #A40606;
}

#tas{
   width: 950px;
   margin-left: auto;
   margin-right: auto;
}

#mikro{
   width: 950px;
   height: auto;
   border: 1px solid #cecece;
   border-top:none;
   background: #f1f1f1;
   overflow: hidden;
}

#ustcizgi{
   width: 952px;
   height: 10px;
   background: #a40606;
}

#enustmenu{
   width: 950px;
   height: 35px;
   background: #eceaea;
   border-bottom: 1px solid #cecece;
   float: left;
}

#tas #mikro #enustmenu ul {
   width: 950px;
   height: 35px;
   margin-top: 9px;
   margin-left: -30px;
}

#tas #mikro #enustmenu ul li {
   display: inline;
   padding-right: 30px;
}

#tas #mikro #enustmenu ul li a {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   text-decoration: none;
}

#tas #mikro #enustmenu ul li a:hover {
   color: #a40606;
   text-decoration: none;
}

#usttaraf{
   width: 950px;
   height: 145px;
   float: left;
}

.logo{
   width: 428px;
   height: 129px;
   float: left;
   margin: 5px 0 0 15px;
}

.ustreklam{
   width: 468px;
   height: 60px;
   float: right;
   margin: 40px 15px 0 0;
}

#ustmenu{
   width: 950px;
   height: 35px;
   background: #eceaea;
   border: 1px solid #cecece;
   border-left: none;
   border-right: none;
   float: left;
}

#tas #mikro #ustmenu ul {
   font-family: Verdana, Geneva, sans-serif;
   margin-top: 10px;
   margin-left: -40px;
}
#tas #mikro #ustmenu ul li {
   display: inline;
}
#tas #mikro #ustmenu ul li a {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   text-decoration: none;
   color: #333333;
   padding: 10px;
}
#tas #mikro #ustmenu ul li a:hover {
   text-decoration: none;
   background-color: #e4e4e4;
   padding: 10px;
}

.soltaraf{
   width: 250px;
   height: auto;
   float: left;
   margin: 12px 12px 0 12px;
}

.sagtaraf{
   width: 660px;
   height: auto;
   float: right;
   margin: 12px 12px 0 0;
}

.menubaslik{
   width: 237px;
   height: 27px;
   background: #eceaea;
   border: 1px solid #cecece;
   float: left;
   font-family: Myriad Pro;
   font-weight: bold;
   font-size: 18px;
   padding: 8px 5px 5px 8px;
   color: #3a3a3a;
}

.menuicerik{
   width: 250px;
   height: auto;
   background: #f0eeee;
   border: 1px solid #cecece;
   border-top: none;
   float: left;
   margin-bottom: 15px;
}

#tas #mikro .soltaraf .menuicerik ul {
   display: block;
   margin: 0px;
   padding: 0px;
}
#tas #mikro .soltaraf .menuicerik ul li {
   padding-left: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
   list-style: none;
}
#tas #mikro .soltaraf .menuicerik ul li a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #3a3a3a;
   background: url(http://img.webme.com/pic/m/mikro-blog/menu_icon.png) no-repeat center left;
   text-decoration: none;
   display: block;
   padding-left: 20px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-weight: bold;
}
#tas #mikro .soltaraf .menuicerik ul li a:hover {
   display: block;
   background-color: #e9e8e8;
}

.konubaslik{
   width: 647px;
   height: 27px;
   background: #eceaea;
   border: 1px solid #cecece;
   float: right;
   font-family: Myriad Pro;
   font-weight: bold;
   font-size: 18px;
   padding: 8px 5px 5px 8px;
   color: #3a3a3a;
}

.konuicerik{
   width: 650px;
   height: auto;
   background: #f0eeee;
   border: 1px solid #cecece;
   border-top: none;
   float: right;
   padding: 5px;
}

.konualt{
   width: 650px;
   height: 15px;
   background: #eceaea ;
   border: 1px solid #cecece;
   border-top: none;
   float: right;
   padding: 5px;
   margin-bottom: 15px;
}


.kkategori{
   font-family: Arial;
   font-size: 12px;
   color: #3a3a3a;
   background: url(http://img.webme.com/pic/m/mikro-blog/mikro-blog_cat.png)no-repeat left center;
   padding-left: 18px;
   float: left;
   padding-top: 2px;
}

.ttarih{
   font-family: Arial;
   font-size: 12px;
   color: #3a3a3a;
   background: url(http://img.webme.com/pic/m/mikro-blog/mikro-blog_tarih.png)no-repeat left center;
   padding-left: 18px;
   overflow: hidden;
   float: left;
   padding-top: 2px;
   margin-left: 10px;
}

.yyazar{
   font-family: Arial;
   font-size: 12px;
   color: #3a3a3a;
   background: url(http://img.webme.com/pic/m/mikro-blog/mikro-blog_yazar.png)no-repeat left center;
   padding-left: 18px;
   overflow: hidden;
   float: left;
   padding-top: 2px;
   margin-left: 10px;
}

.yyorum{
   font-family: Arial;
   font-size: 12px;
   color: #3a3a3a;
   background: url(http://img.webme.com/pic/m/mikro-blog/mikro-blog_yorum.png)no-repeat left center;
   padding-left: 18px;
   overflow: hidden;
   float: left;
   padding-top: 2px;
   margin-left: 10px;
}

.yyorum a{ color: #3a3a3a; text-decoration:none; font-weight: bold;}
.yyorum a:hover{ color: #A40606; font-weight: bold;}
.ddevami a{ color: #3a3a3a; text-decoration:none; font-weight: bold;}
.ddevami a:hover{ color: #A40606; font-weight: bold;}

.ddevami{
   font-family: Arial;
   font-size: 12px;
   color: #3a3a3a;
   background: url(http://img.webme.com/pic/m/mikro-blog/mikro-blog_devami.png)no-repeat left center;
   padding-left: 18px;
   overflow: hidden;
   float: left;
   padding-top: 2px;
   margin-left: 10px;
}

.kopi{
   width: 937px;
   height: 25px;
   background: #eceaea;
   border: 1px solid #cecece;
   float: left;
   font-family: Myriad Pro;
   font-weight: bold;
   font-size: 14px;
   padding: 8px 5px 5px 8px;
   color: #3a3a3a;
}


NOT: Tekrar söylüyorum. Gönül rahatlığıyla kullanabilrsiniz. Css kodundan tutun da resimlerine kadar tamamen kendi yapımım.
↑
Mesaj30.06.2011, 20:40 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Tasarımın sade güzel. Bs ile ilgili yardım platformu açıcam belki kullanabilirim.
______________
Nush ile uslanmayanı etmeli tekdir, Tekdir ile uslanmayanın hakkı kötektir.
↑
Mesaj30.06.2011, 20:46 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
berkant-kisisel yazmış:
Tasarımın sade güzel. Bs ile ilgili yardım platformu açıcam belki kullanabilirim.


Teşekkürler Mr. Green
↑
Mesaj01.07.2011, 15:48 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
İlgi bu kadar mı /: Teşekkürler arkadaşlar..
↑
Mesaj02.07.2011, 06:14 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Bu kadar güzel bi temayı emir'den başkası yapamaz..

Tekrar hoşgeldin emir Rolling Eyes
↑
Mesaj02.07.2011, 06:25 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Bu tasarıma daha yeni bir kutu ekleme şansımız varmı sol menüye kategoriler gibi bir de reklam alanıyla kategorilerin yerlerini değiştirme gibi bir şansımız ? şimdiden teşekkür ederim herkese.
↑
Mesaj02.07.2011, 06:50 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Çok güzel bir tema Very Happy Tasasrım değiştirmeye üşenmesem uygulardım Very Happy
↑
Mesaj02.07.2011, 07:10 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
photoshopic yazmış:
Bu tasarıma daha yeni bir kutu ekleme şansımız varmı sol menüye kategoriler gibi bir de reklam alanıyla kategorilerin yerlerini değiştirme gibi bir şansımız ? şimdiden teşekkür ederim herkese.

css deki değerlerle pynayarak yapabilirsin ama Emir yaparsa daha düzenli olur Smile
↑
Mesaj02.07.2011, 08:56 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Bi allahın kulu yapamıyormu bu istediğim gibi birşey : ) nese teşekkür ederim yinede ...
↑
Mesaj02.07.2011, 09:00 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Tasarım güzel olmuş..

{Bilmeyenler için tasarım eklemek için Tasarım ayarları > Css design >> Gelişmiş ayarlar >> Alt - Üst - Css kopyala yapıştır ve tamam}
↑
Mesaj02.07.2011, 09:09 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
güzel olmuş ellerine gözlerine sağlık.
Başarılar.... Wink Very Happy Exclamation
↑
Mesaj02.07.2011, 11:04 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
eline sağlık.
↑
Mesaj02.07.2011, 18:38 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
bs-aktif yazmış:
Bu kadar güzel bi temayı emir'den başkası yapamaz..

Tekrar hoşgeldin emir Rolling Eyes


Hoşbulduk.

----------------------------------------------------------------------

photoshopic yazmış:
Bu tasarıma daha yeni bir kutu ekleme şansımız varmı sol menüye kategoriler gibi bir de reklam alanıyla kategorilerin yerlerini değiştirme gibi bir şansımız ? şimdiden teşekkür ederim herkese.


Tabiki de yapılır. Eğer yardım almak istiyorsanız özel mesaj atın. İyi ya da kötü kesinlikle geri dönüş yaparım.

----------------------------------------------------------------------

eglencebilgiportali yazmış:
Çok güzel bir tema Very Happy Tasasrım değiştirmeye üşenmesem uygulardım Very Happy


Teşekkürler. Siz bilirsiniz. Mr. Green

----------------------------------------------------------------------

empiresallies yazmış:
photoshopic yazmış:
Bu tasarıma daha yeni bir kutu ekleme şansımız varmı sol menüye kategoriler gibi bir de reklam alanıyla kategorilerin yerlerini değiştirme gibi bir şansımız ? şimdiden teşekkür ederim herkese.

css deki değerlerle pynayarak yapabilirsin ama Emir yaparsa daha düzenli olur Smile


Ahaha Utandırıyorsun Mr. Green


----------------------------------------------------------------------

eglencefikir yazmış:
güzel olmuş ellerine gözlerine sağlık.
Başarılar.... Wink Very Happy Exclamation


Teşekkürler Mr. Green


----------------------------------------------------------------------

aykutservis-com yazmış:
eline sağlık.


Teşekkürler Mr. Green
↑
Mesaj02.07.2011, 18:42 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Tasarımınız çok güzel elinize sağlık ben birşey isteyecektim.Anasayfada'ki konu başlığı yazan kutuların kodlarını verebilirmisiniz ?
↑
Mesaj02.07.2011, 18:56 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Css ve diğer tasarım paylaşımlarınızı sabit başlık altından paylaşınız.
Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=184931
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.