Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 3
  • 1
  • 2
  • 3
  • 4
  • 5
[Bomba] Katogori Açıklamasında Tooltip Kullanımı
#1

Aslında Bu Tam Tooltip Değil Ama Herkez Öyle Biliyor Diye Yazdım :)

İşlem Bitince Olacak Şey ;

Bizim Siteden Bir Görüntü :

resim2nx.png


Default Temadan Bir Görüntü :

resim1l.png


İşlem Bittikten Sonra Kaymalar Oluyorsa Konu Altında Belirtin.

İlk Önce Her Zamanki Gibi css :)

Admin cp - Temalar & Şablonlar - Temalar - Temanız - Global.css - Düzenle ;

En başa veya en sonra ekle :

PHP Kod:
.relative {
positionrelative;
displayblock;
height1px;
}


.
forumheaddesc {
        
background#fff;
    
displayinline-block;
    -
ms-filter"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
filteralpha(opacity=0);
    
opacity0;
    
positionrelative;
    
top: -4px;
    
margin-left10px;
    
padding3px;
    
left10px;
line-height10px;
    -
webkit-border-radius0px 3px 3px 0px;
    -
moz-border-radius0px 3px 3px 0px;
    
border-radius0px 3px 3px 0px;

    -
webkit-transition0.4s;
    -
moz-transition0.4s;
    -
o-transition0.4s;
    -
ms-transition0.4s;
    
transition0.4s;

    -
webkit-box-shadow1px 0px 4px #444;
    
-moz-box-shadow1px 0px 4px #444;
    
box-shadow1px 0px 4px #444;
    
color#555 !important;
    
text-shadownone !important;
    
font-weightbold;
    
font-size10px;
    
height12px;
}

.
forumheaddescie {
    
floatleft;
    
background#fff;
    
displayinline-block;
    -
ms-filter"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
filteralpha(opacity=0);
    
opacity0;
    
positionrelative;
    
top: -4px;
    
margin-left10px;
    
padding3px;
    
left10px;

    -
webkit-border-radius0px 3px 3px 0px;
    -
moz-border-radius0px 3px 3px 0px;
    
border-radius0px 3px 3px 0px;

    -
webkit-transition0.4s;
    -
moz-transition0.4s;
    -
o-transition0.4s;
    -
ms-transition0.4s;
    
transition0.4s;

    -
webkit-box-shadow1px 0px 4px #444;
    
-moz-box-shadow1px 0px 4px #444;
    
box-shadow1px 0px 4px #444;
    
color#555 !important;
    
text-shadownone !important;
    
font-weightbold;
    
font-size10px;
    
height12px;
}

#forumbit_thead:hover .forumheaddesc {
    
-ms-filter"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    
filteralpha(opacity=100);
    
opacity1;
}

.
forumheaddesc:before {
    
positionabsolute;
    
left: -7px;
    
width0;
    
height0;
    
top2px;
    
content"";
    
displayblock;
    
border-top7px solid transparent;
    
border-bottom7px solid transparent;
    
border-right7px solid white;


Admin Cp - Temalar ve Şablonlar - Şablonlar - Temanız - Forum bit şablonları (forum gösterimi) - forumbit_depth1_cat;

Bul;

PHP Kod:
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}title="{$expaltext}/></div>
<
div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div


Değiştir;

PHP Kod:
<div id="forumbit_thead" class="thead3" colspan="5"><div class="relative">
<
div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}title="{$expaltext}/></div></div><div class="thead-katagori">
<
div>

<
strong><a href="{$forum_url}">{$forum['name']}</a></strong><div class="smalltext forumheaddesc">{$forum['description']}</div></div

Evet Arkadaşlar Kurulumu Bitti.

Sorunlar ;

Sorun 1 Görüntü ;

resim3y.png

Bu Şekilde Çıkıyorsa Kategori Açıklaması Yok Demektir.

Admin Cp - Forumlar & Mesajlar - Forumları Yönet - Burada Forum Listesi Önünüze Gelecek ve Eksik Olan Kategorinin Yanındaki Seçeneklerden Forumu Düzenleye Basıyoruz Tanım Bölümüne Açıklamayı Yazıyoruz .

resim4v.png

Sorun 2 Kayma Kayma durumda Konu Altında Belirtin .

İyi Forumlar...

Konu patesi kardeşime aittir. Yani alıntıdır, teşekkür için +rep verebilirsiniz :)
Tekrar Genel Şef...
ÜCRETLİ TASARIM İŞLERİNİZ YAPILIR !
Ara
Cevapla PGM
Teşekkür verenler:
#2
Saolun şefim belki kullanırım :)
Ara
Cevapla PGM
Teşekkür verenler:
#3
Teşekkürler .
Cevapla PGM
Teşekkür verenler:
#4
Rica ederim.
Tekrar Genel Şef...
ÜCRETLİ TASARIM İŞLERİNİZ YAPILIR !
Ara
Cevapla PGM
Teşekkür verenler:
#5
tema yapınca kullanıcam inan buna çok güzel :) veriyorum repini .
Ara
Cevapla PGM
Teşekkür verenler:
#6
Bencede güzel modifiaksyon. Rep için teşekkürler.
Tekrar Genel Şef...
ÜCRETLİ TASARIM İŞLERİNİZ YAPILIR !
Ara
Cevapla PGM
Teşekkür verenler:
#7
Güzel ama Bence Bomba lakabın haketmiyor :)

Teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#8
Bencede basit ama arayan çok arkadaş vardı ondan yazdım .d
Tekrar Genel Şef...
ÜCRETLİ TASARIM İŞLERİNİZ YAPILIR !
Ara
Cevapla PGM
Teşekkür verenler:
#9
Ben arıyordum
Ara
Cevapla PGM
Teşekkür verenler:
#10
O zaman hayırlı olsun .)
Tekrar Genel Şef...
ÜCRETLİ TASARIM İŞLERİNİZ YAPILIR !
Ara
Cevapla PGM
Teşekkür verenler:
#11
(23-09-2012 Saat: 23:18)Adil S. Nickli Kullanıcıdan Alıntı: O zaman hayırlı olsun .)

sağol bu arada +1rep
Ara
Cevapla PGM
Teşekkür verenler:
#12
(23-09-2012 Saat: 23:24)InfeqTecq Nickli Kullanıcıdan Alıntı:
(23-09-2012 Saat: 23:18)Adil S. Nickli Kullanıcıdan Alıntı: O zaman hayırlı olsun .)

sağol bu arada +1rep

Rep için teşekkürler :)
Tekrar Genel Şef...
ÜCRETLİ TASARIM İŞLERİNİZ YAPILIR !
Ara
Cevapla PGM
Teşekkür verenler:
#13
Teman default değilse olmayabilir ama benzeri olucaktır onla değiştir.
Tekrar Genel Şef...
ÜCRETLİ TASARIM İŞLERİNİZ YAPILIR !
Ara
Cevapla PGM
Teşekkür verenler:
#14
(23-09-2012 Saat: 22:30)650443 Nickli Kullanıcıdan Alıntı: Teşekkürler .
Ara
Cevapla PGM
Teşekkür verenler:
#15
Rica ederim.
Tekrar Genel Şef...
ÜCRETLİ TASARIM İŞLERİNİZ YAPILIR !
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 4 Ziyaretçi


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