News:

Wondering if this will always be free?  See why free is better.

Main Menu

Anasayfa editleme

Started by Snrj, May 03, 2014, 04:42:24 AM

Previous topic - Next topic

Snrj



index.css de en alta ekle

#featured .ui-tabs-panel .info{
        display:none;
    }
.solind{width: 200px;
float: left;margin-left: 2px;}
.solcate{margin-top: 20px;border-radius: 5px; border: 1px solid;}
.solcate h3{
text-align: center;
border: 1px solid;
border-radius: 5px;
margin-top: -11px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
overflow: hidden;background: #fff;}

.solcate > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
.solcate > ul {
  display: block;
  position: relative;

  /* The list elements which contain the links */

}
.solcate > ul li {
  display: block;
  position: relative;
  width: 100%;
}
/* General link styling */
.solcate > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 1px dotted #3a3a3a;
  border-bottom: 1px dotted #1b1b1b;
  padding: 11px 20px;
  /* Typography */

  font-family: Helvetica, Arial, sans-serif;
  color: #d8d8d8;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000;
  font-size: 11px;
  font-weight: 300;
  /* Background & effects */

  background: #282828;
}
/* Rounded corners for the first link of the menu/submenus */
.solcate > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
.solcate > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
}
/* The hover state of the menu/submenu links */
.solcate > ul li > a:hover,
.solcate > ul li:hover > a {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  background: #055f78;
  background: -webkit-linear-gradient(#087594, #055f78);
  background: -moz-linear-gradient(#087594, #055f78);
  background: linear-gradient(#087594, #055f78);
  border-color: transparent;
}
/* The arrow indicating a submenu */
.solcate > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #d8d8d8;
}
/* The same arrow, but with a darker color, to create the shadow effect */
.solcate > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #000;
}
/* Changing the color of the arrow on hover */
.solcate > ul li > a:hover::after,
.solcate > ul li:hover > a::after {
  border-left: 4px solid #ffffff;
}
.solcate > ul li > a:hover::before,
.solcate > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.3);
}
/* THE SUBMENUS */
.solcate > ul ul {
  position: absolute;
  left: 85%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 230px;z-index: 1;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
/* Showing the submenu when the user is hovering the parent link */
.solcate > ul li:hover > ul {
  top: 0px;
  opacity: 1;
}
.solcate > ul li  span {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 1px  #c0bebf;
  border-bottom: 1px  #c0bebf;
  padding: 10px 9px;  /* Typography */
  font-family: g;
  color: #000;
  text-decoration: none;
  text-shadow: 0 #000;
  font-size: 12px;
  font-weight: 900;
  /* Background & effects */

  background: #CCCCCC;  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2edea), color-stop(1, #CCCCCC));
  background-image: -webkit-linear-gradient(top, #f2edea, #CCCCCC);
  background-image: -moz-linear-gradient(top, #f2edea, #CCCCCC);
  background-image: -ms-linear-gradient(top, #f2edea, #CCCCCC);
  background-image: -o-linear-gradient(top, #f2edea, #CCCCCC);
  background-image: linear-gradient(#f2edea, #CCCCCC);
}


#featured{
width:400px;
padding-right:250px;
position:relative;
border:5px solid #ccc;
height:250px; overflow:hidden;
background:#fff;margin-left: auto;
margin-right: auto;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:250px; height:250px;
overflow:auto;
overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px; 
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:60px; text-decoration:none;
color:#333;  background:#fff;
line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{
background:url(selected-item.gif) top left no-repeat; 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{
background:#ccc;
}
#featured .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
bottom:0; left:0;
height:70px;
background: url(transparent-bg.png);
}


#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#fff;
}
#featured .info a{
font-size:1.2em; font-family:Georgia, serif;
color:wheat; padding:5px; margin:0; font-weight:normal;
overflow:hidden;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}
.smallimg{width:60px;height: 50px;}
.bigimg{width:400px;height: 250px;}
.haber_resmi{ float:left;
width: 212px;
height:130px;
padding:5px;
margin:3px;
}
.haber{height: 300px; border: 1px solid #ccc;float: left; width: 240px; margin: 5px 5px; background: none repeat scroll 0% 0% white;overflow: hidden;}
.yorum{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));border-radius: 5px;padding: 0px 5px;}
.news_header{height: 24px;text-align: center;font-size: 12px;line-height: 11px;margin-bottom: 140px;}
.atbo{width: 100%; background: white;}
.atbor{ color: black; font-size: 13px; font-family: g;text-align: center;width: 33%;}
.teknoloji1{text-align: justify;min-height: 195px; padding: 1ex 6px;}
.teknolojihaber{min-height: 220px;}
.teknolojihaber1{min-width:646px;background:#fff;}
.teknolojihaberp{margin-right: 25px; float: right;}
.teknoloji_haber_resim{ width:320px; height:230px; }

ilk anasayfa editlememizi paylaşalım zamanla devamı gelecek
yapmanız gerekenler ekte verdiğim zip dosyasını açıp ftpden kullandığınız temanın içine atın (yedek almayı unutmayın) dikkat daha önce kurduğunuz modların bazıları çalışmayabilir
tek değişim boardindex.template.php dosyasındadır temanızın boardindex.template.php yedekleyin
diğer dosa yalada yine index.template.php dosyasının yanına atmanız yeterli olacaktır
hangi bölümlerin anasayfada gözükmesini boardindex.template.php şurdaki kodlardan ayarlıoruz
teknoromicom_manset($board = 1, $limit = 4, $start = null, $length = 300, $output_method = 'echo');
        $new=teknoromicom_manset($board = 1, $limit = 9, $start = 4, $length = 300,'array');

$board = bu kısıma board numarasını yazınız standart olarak 1 nolu board seçili olur  1 nolu board yoksa hata alırsınız
son olarak her sitede çözünürlük ve bölüm sayısı farklı olduğu için bi iki ufak ayar yapmak gerekebilir

crazy_man

Eline sağlık kardeşim..Denedim çok güzel... http://www.uyanangenclik.com/index.php

Yalnız sanırın 2 farklı board kullanıyoruz.... Bunu arttıramaz mıyız?

Bir Damlasıyım Okyanusun...Ama Okyanusum. (I'm a Drop of the Ocean... But I'm the Ocean.)
Uyanan Gençlik
Arif Hocam

Snrj

Quote from: crazy_man on May 06, 2014, 09:52:10 AM
Eline sağlık kardeşim..Denedim çok güzel... http://www.uyanangenclik.com/index.php

Yalnız sanırın 2 farklı board kullanıyoruz.... Bunu arttıramaz mıyız?

tabiki artırmak mümkün en yakın zamanda burdan paylaşırım
güle güle kullanın

bolubeyi61

Güzel çalışma tebrik ederim.

Snrj

Quote from: crazy_man on May 06, 2014, 09:52:10 AM
Yalnız sanırın 2 farklı board kullanıyoruz.... Bunu arttıramaz mıyız?

boardindex.template.php de bul
$new=teknoromicom_manset($board = 1, $limit = 9, $start = 4, $length = 300,'array');
altına ekle
$new2=teknoromicom_manset($board = 2, $limit = 9, $start = null, $length = 300,'array');


bul
echo '<table class="teknolojihaber1" >';
foreach ($new as $news)
     {
       

  echo '<td class="haber">
            <div class="teknolojihaber">


                 
                <div  class="teknoloji1"><a href="', $news['href'], '"> <img src="', $news['resim'], '" alt="', $news['subject'], '" class="haber_resmi" /></a>
                 <h3 class="news_header">

<a href="', $news['href'], '">', $news['short_subject'], '</a>
</h3>
                <span> ', temizle($news['body']), ' </span></div>

             </div> ';

         if (!$news['is_last'])
             echo '
             </td>';
     }

    echo '</table>';

altına ekle
echo '<table class="teknolojihaber1" >';
foreach ($new2 as $news)
     {
       

  echo '<td class="haber">
            <div class="teknolojihaber">


                 
                <div  class="teknoloji1"><a href="', $news['href'], '"> <img src="', $news['resim'], '" alt="', $news['subject'], '" class="haber_resmi" /></a>
                 <h3 class="news_header">

<a href="', $news['href'], '">', $news['short_subject'], '</a>
</h3>
                <span> ', temizle($news['body']), ' </span></div>

             </div> ';

         if (!$news['is_last'])
             echo '
             </td>';
     }

    echo '</table>';

hepsi bu kadar
başka board eklemek için yine yukardaki kodları aynı şekide ekleyip
sadece bu değişkeni $new2
bu şekilde $new3 veya $new4 değiştirmen yeterli

crazy_man

Simle portalı kuramamıştım. Bu istediğim gibi oldu.  :D
Farklı 5 tane konu çekiyor. Bravo valla. 

Sitem: www.uyanangenclik.com

Teşekkür ederim kardeşim... Allah razı olsun...
Rabbim ne muradın varsa versin...
Bir Damlasıyım Okyanusun...Ama Okyanusum. (I'm a Drop of the Ocean... But I'm the Ocean.)
Uyanan Gençlik
Arif Hocam

Snrj

Quote from: crazy_man on May 07, 2014, 07:01:19 AM
Simle portalı kuramamıştım. Bu istediğim gibi oldu.  :D
Farklı 5 tane konu çekiyor. Bravo valla. 

Sitem: www.uyanangenclik.com

Teşekkür ederim kardeşim... Allah razı olsun...
Rabbim ne muradın varsa versin...

Amin cümlemizden İnşallah

ttw

Quote from: snrj on May 03, 2014, 04:42:24 AM

ilk anasayfa editlememizi paylaşalım zamanla devamı gelecek
yapmanız gerekenler ekte verdiğim zip dosyasını açıp ftpden kullandığınız temanın içine atın (yedek almayı unutmayın) dikkat daha önce kurduğunuz modların bazıları çalışmayabilir
tek değişim boardindex.template.php dosyasındadır temanızın boardindex.template.php yedekleyin
diğer dosa yalada yine index.template.php dosyasının yanına atmanız yeterli olacaktır
hangi bölümlerin anasayfada gözükmesini boardindex.template.php şurdaki kodlardan ayarlıoruz
teknoromicom_manset($board = 1, $limit = 4, $start = null, $length = 300, $output_method = 'echo');
        $new=teknoromicom_manset($board = 1, $limit = 9, $start = 4, $length = 300,'array');

$board = bu kısıma board numarasını yazınız standart olarak 1 nolu board seçili olur  1 nolu board yoksa hata alırsınız
son olarak her sitede çözünürlük ve bölüm sayısı farklı olduğu için bi iki ufak ayar yapmak gerekebilir

Sitenizde kullandığınız sitemapı paylaşmanız mümkün mü? Uzun zamandır arıyorum bu kadar düzgününü bulamadım

Snrj

Quote from: ttw on May 11, 2014, 05:27:40 AM
Sitenizde kullandığınız sitemapı paylaşmanız mümkün mü? Uzun zamandır arıyorum bu kadar düzgününü bulamadım

buyrun burdaki konuda belirttim

ttw

Quote from: snrj on May 11, 2014, 07:02:40 AM
Quote from: ttw on May 11, 2014, 05:27:40 AM
Sitenizde kullandığınız sitemapı paylaşmanız mümkün mü? Uzun zamandır arıyorum bu kadar düzgününü bulamadım

buyrun burdaki konuda [nofollow] belirttim

Çok teşekkür ederim.

crazy_man

SMF 2.0.8  sürüme geçtim. Anasayfayı editledim.
Ama baya ibir Validation hataları var bunda :(
Buna bir el atarmısın kardeşim.

Yada başka bir anasayfa editlemen varsa,  paylaşırsan seviniriz.   ;)
Bir Damlasıyım Okyanusun...Ama Okyanusum. (I'm a Drop of the Ocean... But I'm the Ocean.)
Uyanan Gençlik
Arif Hocam

Snrj

şuan için başka editlemem yok ama bunu uygun bir vakitte elden geçirip konuyu güncellerim

crazy_man

Quote from: snrj on June 23, 2014, 03:57:30 PM
şuan için başka editlemem yok ama bunu uygun bir vakitte elden geçirip konuyu güncellerim

şimdiden teşekkürler kardeşim.... Saolasın.
Bir Damlasıyım Okyanusun...Ama Okyanusum. (I'm a Drop of the Ocean... But I'm the Ocean.)
Uyanan Gençlik
Arif Hocam

Snrj

konu güncellendi
xhtml hataları düzeltildi

crazy_man

Yeni düzenlediğini yapmaya çalıştım.

Aşağıdaki kodu $new2 yapınca (yeni board için) tema ayrıştırma hatası veriyor.

echo '<div class="teknolojihaber1" >';
foreach ($new as $news)
     {
          echo '<div class="haber">
            <div class="teknolojihaber">
                <div  class="teknoloji1"><a href="', $news['href'], '"> <img src="', $news['resim'], '" alt="', $news['subject'], '" class="haber_resmi" /></a>
                 <h3 class="news_header">

<a href="', $news['href'], '">', $news['short_subject'], '</a>
</h3>
                <span> ', temizle($news['body']), ' </span></div>
             </div>
             </div>';
     }
    echo '</div>
</div><br class="clear"></br>';

if ($context['user']['is_logged'])
{
echo '
<div id="posting_icons" class="floatleft">';
Bir Damlasıyım Okyanusun...Ama Okyanusum. (I'm a Drop of the Ocean... But I'm the Ocean.)
Uyanan Gençlik
Arif Hocam

a11

Ana sayfa düzenlendikten sonra şöyle oldu ;
http://www.mavice.net/
Gerçi Smf sürümü SMF 2.1 Alpha 1 ama olsun. Gayet iyi oldu:)

Snrj

Quote from: crazy_man on June 30, 2014, 06:31:31 AM
Yeni düzenlediğini yapmaya çalıştım.

Aşağıdaki kodu $new2 yapınca (yeni board için) tema ayrıştırma hatası veriyor.

şimdi baktım herhangi bir hataya rastlamadım kodları düzgün eklediğinizden emin olun http://www.simplemachines.org/community/index.php?topic=522026.msg3693674#msg3693674

Quote from: Mavice on June 30, 2014, 01:31:54 PM
Ana sayfa düzenlendikten sonra şöyle oldu ;
http://www.mavice.net/
Gerçi Smf sürümü SMF 2.1 Alpha 1 ama olsun. Gayet iyi oldu:)
sendeki ile bu farklı mavice abi
ama sendekide güzel kim yaptıysa :P

crazy_man

Öncelikle açtığın konuyla ilgilendiğin için teşekkür ederim.
Bir konu çekerken sorun yok kardeşim.

Sıkıntı şurada: $new2 ,  $new3 ...  şeklinde arttırmak isteyince tema ayrışma hatası veriyor.
Aşağıdaki kodda $new2 yapınca çalışmıyor.

echo '<div class="teknolojihaber1" >';
foreach ($new2 as $news)
     {
          echo '<div class="haber">
            <div class="teknolojihaber">
                <div  class="teknoloji1"><a href="', $news['href'], '"> <img src="', $news['resim'], '" alt="', $news['subject'], '" class="haber_resmi" /></a>
                 <h3 class="news_header">

<a href="', $news['href'], '">', $news['short_subject'], '</a>
</h3>
                <span> ', temizle($news['body']), ' </span></div>
             </div>
             </div>';
     }
    echo '</div>
</div><br class="clear"></br>';

if ($context['user']['is_logged'])
{
echo '
<div id="posting_icons" class="floatleft">';


Bir Damlasıyım Okyanusun...Ama Okyanusum. (I'm a Drop of the Ocean... But I'm the Ocean.)
Uyanan Gençlik
Arif Hocam

Snrj

boardindex.template.php de  bul
echo '
<div id="boardindex_table"><div class="left" style="float: left; width: 300px;">';
    categori();echo '</div>';
teknoromicom_manset($board = 1, $limit = 4, $start = null, $length = 300, $output_method = 'echo');
        $new=teknoromicom_manset($board = 1, $limit = 9, $start = 4, $length = 300,'array');

echo '<div class="teknolojihaber1" >';
foreach ($new as $news)
     {
       

  echo '<div class="haber">
            <div class="teknolojihaber">
                <div  class="teknoloji1"><a href="', $news['href'], '"> <img src="', $news['resim'], '" alt="', $news['subject'], '" class="haber_resmi" /></a>
                 <h3 class="news_header">

<a href="', $news['href'], '">', $news['short_subject'], '</a>
</h3>
                <span> ', temizle($news['body']), ' </span></div>
             </div>
             </div>';
     }

    echo '</div>
</div><br class="clear"></br>';

if ($context['user']['is_logged'])


değiştir
echo '
<div id="boardindex_table"><div class="left" style="float: left; width: 300px;">';
    categori();echo '</div>';
teknoromicom_manset($board = 1, $limit = 4, $start = null, $length = 300, $output_method = 'echo');
        $new=teknoromicom_manset($board = 1, $limit = 9, $start = 4, $length = 300,'array');
$new2=teknoromicom_manset($board = 4, $limit = 9, $start = null, $length = 300,'array');
$new3=teknoromicom_manset($board = 5, $limit = 9, $start = null, $length = 300,'array');
echo '<div class="teknolojihaber1" >';
foreach ($new as $news)
     {
  echo '<div class="haber">
            <div class="teknolojihaber">
                <div  class="teknoloji1"><a href="', $news['href'], '"> <img src="', $news['resim'], '" alt="', $news['subject'], '" class="haber_resmi" /></a>
                 <h3 class="news_header">

<a href="', $news['href'], '">', $news['short_subject'], '</a>
</h3>
                <span> ', temizle($news['body']), ' </span></div>
             </div>
             </div>';
     }

    echo '</div>';
echo '<div class="teknolojihaber1" >';
foreach ($new2 as $news)
     {
  echo '<div class="haber">
            <div class="teknolojihaber">
                <div  class="teknoloji1"><a href="', $news['href'], '"> <img src="', $news['resim'], '" alt="', $news['subject'], '" class="haber_resmi" /></a>
                 <h3 class="news_header">

<a href="', $news['href'], '">', $news['short_subject'], '</a>
</h3>
                <span> ', temizle($news['body']), ' </span></div>
             </div>
             </div>';
     }

    echo '</div>';
echo '<div class="teknolojihaber1" >';
foreach ($new3 as $news)
     {
  echo '<div class="haber">
            <div class="teknolojihaber">
                <div  class="teknoloji1"><a href="', $news['href'], '"> <img src="', $news['resim'], '" alt="', $news['subject'], '" class="haber_resmi" /></a>
                 <h3 class="news_header">

<a href="', $news['href'], '">', $news['short_subject'], '</a>
</h3>
                <span> ', temizle($news['body']), ' </span></div>
             </div>
             </div>';
     }

    echo '</div>
</div><br class="clear"></br>';

if ($context['user']['is_logged'])

crazy_man

Teşekkürler arkadaşım, şimdi oldu  :D

Bu arada boardan gelen resimlerin boyutunu nereden değiştiriyoruz?
Bir türlü bulamadım.
Manşet haberle, alttaki resimler aynı hizda olsa çok daha hoş olacak.

Allah ne muradın varsa versin...Ellerine sağlık...
Bir Damlasıyım Okyanusun...Ama Okyanusum. (I'm a Drop of the Ocean... But I'm the Ocean.)
Uyanan Gençlik
Arif Hocam

Advertisement: