Konu: Teknoromi Footer Menü  (Okunma sayısı 1049 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

04 Ocak 2014, 16:05
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

Anlatım default temaya göredir başka temalarda farklılık arz edebilir
Alıntı yapan arkadaşlar lütfen emeğe saygı Kaynak Belirtiniz Kaynak=http://teknoromi.com/index.php?topic=1256.0
demo= teknoromi.com
örnek resim

admin panelden ayarlamak için yapılandırma>kullanılan tema
bölümüne gelip kutuları aktif ediniz



html kısıma linklerinizi ekleyin örnek:
Kod: [Seç]
<li><a href="#">örnek</a></li><li><a href="#">örnek2</a></li>li tagları arasına yazdıklarınız otomatik sıralanır

index.template.php bul
Kod: [Seç]
<div id="footer_section"><div class="frame">
<ul class="reset">

değiştir
Kod: [Seç]
<div id="fottmenu">
<div class="fottcontainer p1">
<div class="card">
<div class="obverse">
<h1>SMF</h1>
<img src="' . $settings['images_url'] . '/195.png" alt="Teknoromi" />
</div>
<div class="reverse">
<h2>Smf Linkleri</h2>
<ol>

index.template.php bul
Kod: [Seç]
</ul>';

// Show the load time?

değiştir
Kod: [Seç]
<li><a href="http://teknoromi.com" title="teknoloji">Footer Menu</a></li></ol>';
echo ' </div>
</div>
</div>
<div class="fottcontainer p2">
<div class="card">';
        if (!empty($settings['active_teknobox1'])) {
        echo '<div class="obverse"><h1>',$settings['url_teknobox1b'],'</h1><img src="',$settings['url_teknobox1i'],'" alt="" /></div>
<div class="reverse"><h2>',$settings['url_teknobox1t'],'</h2><ol>',$settings['url_teknobox1'],'</ol></div>';
        }
echo '
</div>
</div>
<div class="fottcontainer p3">
<div class="card">
';
  if (!empty($settings['active_teknobox2'])) {
        echo '<div class="obverse"><h1>',$settings['url_teknobox2b'],'</h1><img src="',$settings['url_teknobox2i'],'" alt="" /></div>
<div class="reverse"><h2>',$settings['url_teknobox2t'],'</h2><ol>',$settings['url_teknobox2'],'</ol></div>';
        }
echo '
</div>
</div>
<div class="fottcontainer p4">
<div class="card">';
  if (!empty($settings['active_teknobox3'])) {
        echo '<div class="obverse"><h1>',$settings['url_teknobox3b'],'</h1><img src="',$settings['url_teknobox3i'],'" alt="" /></div>
<div class="reverse"><h2>',$settings['url_teknobox3t'],'</h2><ol>',$settings['url_teknobox3'],'</ol></div>';
        }
echo '
</div>
</div>
</div>';
// Show the load time?


settings.template.php bul
Kod: [Seç]
array(
'id' => 'forum_width',
'label' => $txt['forum_width'],
'description' => $txt['forum_width_desc'],
'type' => 'text',
'size' => 8,
),

değiştir
Kod: [Seç]
array(
'id' => 'forum_width',
'label' => $txt['forum_width'],
'description' => $txt['forum_width_desc'],
'type' => 'text',
'size' => 8,
),
        '',
    array(
    'id' => 'active_teknobox1',
    'label' => $txt['teknobox1'],
'description' => $txt['site_link_desc'],
),
    array(
    'id' => 'url_teknobox1b',
    'label' => $txt['teknobox1b'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox1i',
    'label' => $txt['teknobox1i'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox1t',
    'label' => $txt['teknobox1t'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox1',
    'label' => $txt['teknobox1d'],
    'type' => 'text',
         ),
'',
    array(
    'id' => 'active_teknobox2',
    'label' => $txt['teknobox2'],
'description' => $txt['site_link_desc'],
),
    array(
    'id' => 'url_teknobox2b',
    'label' => $txt['teknobox2b'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox2i',
    'label' => $txt['teknobox2i'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox2t',
    'label' => $txt['teknobox2t'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox2',
    'label' => $txt['teknobox2d'],
    'type' => 'text',
         ),
'',  
    array(
    'id' => 'active_teknobox3',
    'label' => $txt['teknobox3'],
'description' => $txt['site_link_desc'],
),
    array(
    'id' => 'url_teknobox3b',
    'label' => $txt['teknobox3b'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox3i',
    'label' => $txt['teknobox3i'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox3t',
    'label' => $txt['teknobox3t'],
'description' => $txt['site_link_desc'],
'type' => 'text',
        ),
        array(
    'id' => 'url_teknobox3',
    'label' => $txt['teknobox3d'],
    'type' => 'text',
         ),

settings.turkish.php bul
Kod: [Seç]
?>üstüne ekle
Kod: [Seç]
$txt['teknobox1'] = '1.Alt Kutu Aktif Et';
$txt['teknobox1b'] = 'Başlık Yazın';
$txt['teknobox1i'] = 'Resim Url Girin';
$txt['teknobox1t'] = '2.Başlık';
$txt['teknobox1d'] = 'html li taglarını kullanın 1-2-3 diye sıralar veya html kullanabiliriniz';
$txt['teknobox2'] = '2.Alt Kutu Aktif Et';
$txt['teknobox2b'] = 'Başlık Yazın';
$txt['teknobox2i'] = 'Resim Url Girin';
$txt['teknobox2t'] = '2.Başlık';
$txt['teknobox2d'] = 'html li taglarını kullanın 1-2-3 diye sıralar veya html kullanabiliriniz';
$txt['teknobox3'] = '3.Alt Kutu Aktif Et';
$txt['teknobox3b'] = 'Başlık Yazın';
$txt['teknobox3i'] = 'Resim Url Girin';
$txt['teknobox3t'] = '2.Başlık';
$txt['teknobox3d'] = 'html li taglarını kullanın 1-2-3 diye sıralar veya html kullanabiliriniz';
index.css en alta ekle
Kod: [Seç]
#fottmenu {position:relative; height:40px; font-family: arial, sans-serif; width:750px; margin:0 auto;  clear: both;}
.fottcontainer {height:50px; width:180px; overflow:hidden; position:absolute; top:-30px; padding-top:20px; z-index:1;
-webkit-transition: 0.5s 1s;
-moz-transition: 0.5s 1s;
-o-transition: 0.5s 1s;
transition: 0.5s 1s;
}
#fottmenu .p1 {left:8px;z-index: 99;
}
#fottmenu .p2 {left:193px;z-index: 99;
}
#fottmenu .p3 {left:378px;z-index: 99;
}
#fottmenu .p4 {left:563px;z-index: 99;
}

.fottcontainer:hover {height:452px; top:-432px;
transition-delay: 0s;
-o-transition-delay: 0s;
-moz-transition-delay: 0s;
-webkit-transition-delay: 0s;
}
#fottmenu .fottcontainer div h1 {padding:0; margin:0; line-height:40px; color:#710505; font-size:18px; text-align:center; font-style:italic;}
#fottmenu .fottcontainer div h2 {padding:50px 15px 25px 15px; margin:0; line-height:18px; color:#fc6; font-size:14px; text-align:center; font-style:italic;}
#fottmenu .fottcontainer div ol li {font-size:12px; color:#000; line-height:20px; text-align:left;}
#fottmenu .fottcontainer div ol li a {margin:0; line-height:18px; color:#000; font-size:12px; text-align:left; text-decoration:none;}
#fottmenu .fottcontainer div ol li a:hover {color:#fff;}
#fottmenu .fottcontainer div img {display:block; border:0; margin:30px auto;}

.card {
width:180px; height: 380px;
-webkit-transform-style: preserve-3d;
}
.obverse {
position: absolute;
width:180px; height: 362px;
background:#aaa; 
background-image: -moz-linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
background-image: -webkit-linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
background-image: -ms-linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
background-image: -o-linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
background-image: linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-o-transform: perspective(1500px) rotateY(0deg);
-moz-transform: perspective(1500px) rotateY(0deg);
-webkit-transform: perspective(1500px) rotateY(0deg);
transform: perspective(1500px) rotateY(0deg);
-webkit-transition: 1s 0s;
-moz-transition: 1s 0s;
-o-transition: 1s 0s;
transition: 1s 0s;

}
.reverse {
position: absolute;
width:180px; height: 362px;
background:#0466F9;
background-image: -moz-linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
background-image: -webkit-linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
background-image: -ms-linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
background-image: -o-linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
background-image: linear-gradient(30deg, rgba(255, 255, 255,0), rgba(255, 255, 255,0.7), rgba(255, 255, 255,0));
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-o-transform: perspective(1500px) rotateY(180deg);
-moz-transform: perspective(1500px) rotateY(180deg);
-webkit-transform: perspective(1500px) rotateY(180deg);
transform: perspective(1500px) rotateY(180deg);
-webkit-transition: 1s 0s;
-moz-transition: 1s 0s;
-o-transition: 1s 0s;
transition: 1s 0s;

}

.fottcontainer:hover .reverse {
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-o-transform: perspective(1500px) rotateY(0);
-moz-transform: perspective(1500px) rotateY(0);
-webkit-transform: perspective(1500px) rotateY(0);
transform: perspective(1500px) rotateY(0);
}
.fottcontainer:hover .obverse {
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-o-transform: perspective(1500px) rotateY(-179.9deg);
-moz-transform: perspective(1500px) rotateY(-179.9deg);
-webkit-transform: perspective(1500px) rotateY(-179.9deg);
transform: perspective(1500px) rotateY(-179.9deg);
}

son olarak ekteki 195.png temanızın images klasörüne kopyalayın

Destek olmak isteyenler


« Son Düzenleme: 04 Ocak 2014, 16:20 Gönderen: snrj »

04 Ocak 2014, 19:49
Yanıtla #1
  • *
    • İleti: 331
    • Karma: 17
    • haksever,huutheme
    • haksever
    • Profili Görüntüle

Emeğine sağlık :) bide modunu yapabilirsen süper olur :)


04 Ocak 2014, 19:57
Yanıtla #2
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

Emeğine sağlık :) bide modunu yapabilirsen süper olur :)
teşekkürler onuda bir ara yaparız


04 Ocak 2014, 23:31
Yanıtla #3
  • *
    • İleti: 273
    • Karma: 1
    • Diyabeturkey
    • Profili Görüntüle

ii güzel eline sağlık da destek olmak isteyenler diye yazman iyi olmamış bunu sitene koymuşsun zaten buraya koyman yanlış olmuş bence. burası smf destek sitesi sonuçta.


05 Ocak 2014, 13:05
Yanıtla #4
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

Bir sakıncası varsa kaldırılabilir


05 Ocak 2014, 13:18
Yanıtla #5
  • *
    • İleti: 331
    • Karma: 17
    • haksever,huutheme
    • haksever
    • Profili Görüntüle

ii güzel eline sağlık da destek olmak isteyenler diye yazman iyi olmamış bunu sitene koymuşsun zaten buraya koyman yanlış olmuş bence. burası smf destek sitesi sonuçta.
:) demo için bir sorun olmadığını söyledi(Bolubeyi).Katkı için bir şey denilmez çoğu paylaşımcı böyle yapabiliyor.Smfde çoğu temanın tema özelliklerinde vya konusunda bu belirtiliyor.Yani pek bir sorun yoktur.Tabikide gönül işi vermek istiyen veriyor. :)


05 Ocak 2014, 13:30
Yanıtla #6
  • *
    • İleti: 264
    • Karma: 14
    • smf destek
    • Profili Görüntüle

bizde mecburi demedik destek olmak isteyen dedik bende biliyorum kimsenin bağış yapmıyacanı :D