Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj30.06.2011, 20:36 (UTC)    
Mesaj konusu: Mikro-Blog V1 Gri Teması

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:

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:

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:

İlgi bu kadar mı /: Teşekkürler arkadaşlar..
Mesaj02.07.2011, 06:14 (UTC)    
Mesaj konusu:

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:

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:

Ç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:

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:

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:

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:

güzel olmuş ellerine gözlerine sağlık.
Başarılar.... Wink Very Happy Exclamation
Mesaj02.07.2011, 11:04 (UTC)    
Mesaj konusu:

eline sağlık.
Mesaj02.07.2011, 18:38 (UTC)    
Mesaj konusu:

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:

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:

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

______________
İmzanızı tekrar ayarlamanız lazım. - @cryengine3
Önceki mesajları göster:   


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