10TL.NET ** › Ana Kategori: Destek-Yönetim-Kurallar › MyBB Destek › Soru&Cevap Köşesi v
Postbit kodu lazım..
 
https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 1
  • 1
  • 2
  • 3
  • 4
  • 5
Gösterim Stili
Postbit kodu lazım..
binkon Çevrimdışı
Yasaklı
Yorum Sayısı: 43
Konu Sayısı: 22
Üyelik Tarihi: 03-07-2013
Teşekkürler: 0
0 mesaj içinde 0 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: binkon
SanalPara (SP): 0 SP
#1
18-07-2013 Saat: 11:56
Merhabalar;


Şu postbit in kodunu bilen varmı benzer bişey yaptım ama genişliğini yapamıyorum.yani eklenen resim kendiğinden avatara biçim vermiyor bende ki.
yardımcı olabilecek birisi varsa isterse kodları yazabilirm buraya...
iPJX9qz.png?1
Ara
Cevapla PGM
Teşekkür verenler:
meta the god Çevrimdışı
developer
Yorum Sayısı: 8,409
Konu Sayısı: 823
Üyelik Tarihi: 05-02-2013
Rep Puanı: 441
Teşekkürler: 1
1 mesaj içinde 44 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: meta the god
SanalPara (SP): 59 SP
#2
18-07-2013 Saat: 12:43
Kırmızı:
Kod:
.postbitab {
    background: #dedede url(http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/268761_117858244973494_100002479570562_141131_2074206_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Pembe:
Kod:
.postbitab {
    background: #dedede url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc6/268761_117858248306827_100002479570562_141132_5590256_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Turkuaz:
Kod:
.postbitab {
    background: #dedede url(http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/268761_117858228306829_100002479570562_141128_2601952_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Turuncu:
Kod:
.postbitab {
    background: #dedede url(http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/268761_117858241640161_100002479570562_141130_4527680_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Yeşil:
Kod:
.postbitab {
    background: #dedede url(http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc6/268761_117858234973495_100002479570562_141129_7024794_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Gri:
Kod:
.postbitab {
    background: #dedede url(http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/185485_132404433518875_100002479570562_198143_6092268_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}


Hangi renk postbit'i kullanmak istiyorsanız istediğiniz rengin kodunu kopyalayın;
Admin Panelinizden Temalar > Temanız > global.css > Stil Sayfası Düzenle: Gelişmiş Mod En alta enterleyin yapıştırın.


Ardından Admin Panelinizden Şablonlar > Post Bit Şablonlar > postbit_author_user içindekilerin hepsini aşağıdaki kodla değiştirin:
Kod:
<div align="left" class="postbitab">Rütbe : $usergroup[title]</div>

<div align="left" class="postbitab">Durum: {$post['onlinestatus']}</div>

<div align="left" class="postbitab">Mesaj Sayısı : {$post['postnum']}</div>

<div align="left" class="postbitab">Üye No: $post[uid] </div>

<div align="left" class="postbitab">{$post['replink']}</div>

<div align="left" class="postbitab">extra</div>

Tamamdır..! Bir sorununuz olursa yazın.

Ekran Görüntüsü:

v2p0P.png
Ara
Cevapla PGM
Teşekkür verenler:
binkon Çevrimdışı
Yasaklı
Yorum Sayısı: 43
Konu Sayısı: 22
Üyelik Tarihi: 03-07-2013
Teşekkürler: 0
0 mesaj içinde 0 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: binkon
SanalPara (SP): 0 SP
#3
18-07-2013 Saat: 13:02
(18-07-2013 Saat: 12:43)Teknology Nickli Kullanıcıdan Alıntı: Kırmızı:
Kod:
.postbitab {
    background: #dedede url(http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/268761_117858244973494_100002479570562_141131_2074206_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Pembe:
Kod:
.postbitab {
    background: #dedede url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc6/268761_117858248306827_100002479570562_141132_5590256_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Turkuaz:
Kod:
.postbitab {
    background: #dedede url(http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/268761_117858228306829_100002479570562_141128_2601952_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Turuncu:
Kod:
.postbitab {
    background: #dedede url(http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/268761_117858241640161_100002479570562_141130_4527680_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Yeşil:
Kod:
.postbitab {
    background: #dedede url(http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc6/268761_117858234973495_100002479570562_141129_7024794_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}

Gri:
Kod:
.postbitab {
    background: #dedede url(http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/185485_132404433518875_100002479570562_198143_6092268_n.jpg) top left repeat-x;
    width: 140px;
    color: #000000;
    margin: 2px;
    text-align: left;
    padding: 5px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana, Arial, Helvetica, Tahoma, Sans-Serif;
    font-size: 11px;
}


Hangi renk postbit'i kullanmak istiyorsanız istediğiniz rengin kodunu kopyalayın;
Admin Panelinizden Temalar > Temanız > global.css > Stil Sayfası Düzenle: Gelişmiş Mod En alta enterleyin yapıştırın.


Ardından Admin Panelinizden Şablonlar > Post Bit Şablonlar > postbit_author_user içindekilerin hepsini aşağıdaki kodla değiştirin:
Kod:
<div align="left" class="postbitab">Rütbe : $usergroup[title]</div>

<div align="left" class="postbitab">Durum: {$post['onlinestatus']}</div>

<div align="left" class="postbitab">Mesaj Sayısı : {$post['postnum']}</div>

<div align="left" class="postbitab">Üye No: $post[uid] </div>

<div align="left" class="postbitab">{$post['replink']}</div>

<div align="left" class="postbitab">extra</div>

Tamamdır..! Bir sorununuz olursa yazın.

Ekran Görüntüsü:

v2p0P.png

Öncelikle zaman ayırdığınız için teşekkür ederim.Dediğinizi uyguladım, yalnız bir sorun çıktı. Buyrun bakınız..
xxWEV9n.jpg?1
Şimdi benim istediğim posbitab ın avatar ile aynı hizada olması yani ortalanması, bunu nasıl yapabilirim ? Ayrıca kurucu yazan yere başka bir rank eklediğimde orasıda postbitab gibi oluyor yani ortalanmıyor..ne yapmamı önerirsiniz.? hangi şanlondan düzenleyebilirim ?
Ara
Cevapla PGM
Teşekkür verenler:
meta the god Çevrimdışı
developer
Yorum Sayısı: 8,409
Konu Sayısı: 823
Üyelik Tarihi: 05-02-2013
Rep Puanı: 441
Teşekkürler: 1
1 mesaj içinde 44 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: meta the god
SanalPara (SP): 59 SP
#4
18-07-2013 Saat: 13:10
Avatar Çerçevesini Küçültmen Lazım :)

Bunu Kullan Bence ;

http://destek.10tl.net/showthread.php?tid=40385
Ara
Cevapla PGM
Teşekkür verenler:
binkon Çevrimdışı
Yasaklı
Yorum Sayısı: 43
Konu Sayısı: 22
Üyelik Tarihi: 03-07-2013
Teşekkürler: 0
0 mesaj içinde 0 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: binkon
SanalPara (SP): 0 SP
#5
18-07-2013 Saat: 13:28
(18-07-2013 Saat: 13:10)Teknology Nickli Kullanıcıdan Alıntı: Avatar Çerçevesini Küçültmen Lazım :)

Bunu Kullan Bence ;

http://destek.10tl.net/showthread.php?tid=40385

ama bu sadece dönen avatar değil mi ? yani şuanki avtarımın hepsini silmelimiyim :( eğer müsaitseniz size kodları yazayım düzenlermisiniz hangi kodları vereyim tabi yapmak isterseniz.
Ara
Cevapla PGM
Teşekkür verenler:
meta the god Çevrimdışı
developer
Yorum Sayısı: 8,409
Konu Sayısı: 823
Üyelik Tarihi: 05-02-2013
Rep Puanı: 441
Teşekkürler: 1
1 mesaj içinde 44 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: meta the god
SanalPara (SP): 59 SP
#6
18-07-2013 Saat: 13:30
Tabi Seve Seve :)
Ara
Cevapla PGM
Teşekkür verenler:
binkon Çevrimdışı
Yasaklı
Yorum Sayısı: 43
Konu Sayısı: 22
Üyelik Tarihi: 03-07-2013
Teşekkürler: 0
0 mesaj içinde 0 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: binkon
SanalPara (SP): 0 SP
#7
18-07-2013 Saat: 13:41
(18-07-2013 Saat: 13:30)Teknology Nickli Kullanıcıdan Alıntı: Tabi Seve Seve :)

Bu şuanki avatarımmın global css deki kodları;
Kod:
.avataronline {
    background: #dedede url(http://i.imgur.com/VBsygW8.gif) top left repeat-x;
    width: 140px;
    padding: 6px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: -14px;
    margin-left: 7px;
}

.avataroffline {
    background: #dedede url(http://i.imgur.com/X5qUTGN.gif?1) top left repeat-x;
    width: 140px;
    padding: 6px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: -14px;
    margin-left: 7px;
}

.avataraway {
    background: #dedede url(http://i.imgur.com/X5qUTGN.gif?1) top left repeat-x;
    width: 140px;
    padding: 6px;
    border: 1px solid #404040;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: -14px;
    margin-left: 7px;
}

Bu ise postbit avatar ın şablonu;
Kod:
<div class="{$post['onlinestatus']}"><IMG src="{$post['avatar']}" alt="forum avatarı" width="140" height="240" /></div>

Ve ayrıca postbit online,offline ve away şablonunda da sadece bunlar
Kod:
avataronline
Kod:
avataroffline
Kod:
avataraway

not; bu şablona mesela online görüntüsü için nasıl resim yüklerim sadece online şanlonunda avataronline yazıyo avatarım online ise avaronline yazısı var yani avataronline yazısı yerine rsim eklemek isyitorum.Özür dilerim biraz uzun oldu.Şimdiden teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
meta the god Çevrimdışı
developer
Yorum Sayısı: 8,409
Konu Sayısı: 823
Üyelik Tarihi: 05-02-2013
Rep Puanı: 441
Teşekkürler: 1
1 mesaj içinde 44 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: meta the god
SanalPara (SP): 59 SP
#8
18-07-2013 Saat: 13:50
global css'den Sil O Kodları Şunları Ekle

PHP Kod:
.donenavatar {
position:relative
}

.donenavatar img {
border:1px solid rgba(0,0,0,0.25);
border-radius:5px 5px 5px 5px;
box-shadow:0 1px 3px rgba(0,0,0,0.15);
background:transparent;
}
.donenavatar:hover {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
} 

Avatara Bunu Ekle ;

Kod:
<div class="donenavatar"><a href="{$post['profilelink_plain']}"><span class="kilek"></span><img class="shanex" src="{$post['avatar']}" alt="{$post['avatar']}"  /></a></div>

postbit_online

Kod:
<a href="online.php" title="{$lang->postbit_status_online}"><img src="http://www.resimagaci.com/img/34t4d8j.gif" border="0" alt="{$lang->postbit_status_online}" /></a>

Postbit_offline

Kod:
<img src="http://www.resimagaci.com/img/p1tv897.gif" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" />

postbit_away

Kod:
<a href="{$post['profilelink_plain']}" title="{$lang->postbit_status_away}"><img src="{$theme['imgdir']}/buddy_away.gif" border="0" alt="{$lang->postbit_status_away}" /></a>

İnşallah Yardımcı Olmuşumdur :)
Ara
Cevapla PGM
Teşekkür verenler:
binkon Çevrimdışı
Yasaklı
Yorum Sayısı: 43
Konu Sayısı: 22
Üyelik Tarihi: 03-07-2013
Teşekkürler: 0
0 mesaj içinde 0 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: binkon
SanalPara (SP): 0 SP
#9
18-07-2013 Saat: 14:06
(18-07-2013 Saat: 13:50)Teknology Nickli Kullanıcıdan Alıntı: global css'den Sil O Kodları Şunları Ekle

PHP Kod:
.donenavatar {
position:relative
}

.donenavatar img {
border:1px solid rgba(0,0,0,0.25);
border-radius:5px 5px 5px 5px;
box-shadow:0 1px 3px rgba(0,0,0,0.15);
background:transparent;
}
.donenavatar:hover {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
} 

Avatara Bunu Ekle ;

Kod:
<div class="donenavatar"><a href="{$post['profilelink_plain']}"><span class="kilek"></span><img class="shanex" src="{$post['avatar']}" alt="{$post['avatar']}"  /></a></div>

postbit_online

Kod:
<a href="online.php" title="{$lang->postbit_status_online}"><img src="http://www.resimagaci.com/img/34t4d8j.gif" border="0" alt="{$lang->postbit_status_online}" /></a>

Postbit_offline

Kod:
<img src="http://www.resimagaci.com/img/p1tv897.gif" title="{$lang->postbit_status_offline}" alt="{$lang->postbit_status_offline}" />

postbit_away

Kod:
<a href="{$post['profilelink_plain']}" title="{$lang->postbit_status_away}"><img src="{$theme['imgdir']}/buddy_away.gif" border="0" alt="{$lang->postbit_status_away}" /></a>

İnşallah Yardımcı Olmuşumdur :)
Hocam eline sağlık ama ufa bir sorun çıktı pek ufak sayılmaz ama avatarın boyutu büyüdü nasıl normal boyutlara getiririm , keşke çerçevelide olsaydı 10 numara olurdu.
9e0zdyH.jpg?1
Ara
Cevapla PGM
Teşekkür verenler:
kaRanLık-61 Çevrimdışı
Yaşlanıyoruz...
Yorum Sayısı: 6,785
Konu Sayısı: 186
Üyelik Tarihi: 30-11-2010
Rep Puanı: 847
Teşekkürler: 358
160 mesaj içinde 473 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: kaRanLık-61
SanalPara (SP): 2,027 SP
#10
18-07-2013 Saat: 14:55
cssdeki postbitab buradaki genişliği artır.konudaki avatar gösterimini küçült.
Tüm Destek Forumun Kuralları
Görevli Kuralları
Ücretli Mybb Tema Tasarım ve Kodlama , Bootstrap(html/css) duyarlı kodlamalar Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )[ 2010-2024 => 10TL'de 14 Sene ]
İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
WWW Ara
Cevapla PGM
Teşekkür verenler:
meta the god Çevrimdışı
developer
Yorum Sayısı: 8,409
Konu Sayısı: 823
Üyelik Tarihi: 05-02-2013
Rep Puanı: 441
Teşekkürler: 1
1 mesaj içinde 44 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: meta the god
SanalPara (SP): 59 SP
#11
18-07-2013 Saat: 15:04 (Son Düzenleme: 18-07-2013 Saat: 15:04, Düzenleyen: meta the god.)
Çerçeveyi unutmuşum Buyur ;;

Global.css ekle ;

PHP Kod:
.shanex {
background-image: url(http://www.resimagaci.com/img/r7l7db.png);
width: 94px;
height: 94px;
background-position: center center;
background-repeat: no-repeat;
padding: 15px;
} 
Ara
Cevapla PGM
Teşekkür verenler:
binkon Çevrimdışı
Yasaklı
Yorum Sayısı: 43
Konu Sayısı: 22
Üyelik Tarihi: 03-07-2013
Teşekkürler: 0
0 mesaj içinde 0 teşekkür verildi.

Kullanıcı Adı Değişiklikleri: binkon
SanalPara (SP): 0 SP
#12
18-07-2013 Saat: 15:21
(18-07-2013 Saat: 15:04)Teknology Nickli Kullanıcıdan Alıntı: Çerçeveyi unutmuşum Buyur ;;

Global.css ekle ;

PHP Kod:
.shanex {
background-image: url(http://www.resimagaci.com/img/r7l7db.png);
width: 94px;
height: 94px;
background-position: center center;
background-repeat: no-repeat;
padding: 15px;
} 

Hocam eyvallah eline sağlık, ne kadar teşekkür etsem azdır.Ufak bir sorun daha son bu; Hocam mesela avatar ım sabit mi kalcak yani resim boyutuna göre değişmeyecekmi uzunluğu mesela ben 400x600 bir resim ekledim biride 400x1280 diye bunlar boyut olarak birbirinden farklı olması gerekir uzunluk açısından yani resim boyutuna göre şekillenirmi ?
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping