(http://snrj.eu5.org/uploads/2014/04/Anasayfa.png)
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
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?
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
Güzel çalışma tebrik ederim.
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
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...
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
Quote from: snrj on May 03, 2014, 04:42:24 AM
(http://snrj.eu5.org/uploads/2014/04/Anasayfa.png)
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
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 (http://teknoromi.com/index.php?topic=2994.0) belirttim
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 (http://teknoromi.com/index.php?topic=2994.0) belirttim
Çok teşekkür ederim.
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. ;)
şuan için başka editlemem yok ama bunu uygun bir vakitte elden geçirip konuyu güncellerim
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.
konu güncellendi
xhtml hataları düzeltildi
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">';
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:)
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 (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/ (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
Ö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">';
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'])
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...
tam olarak ne istediğinizi anlamadım ama resim genişliğini vs...
css dosyasında alttaki kısımdan ayarlabilirsiniz
.haber_resmi {
float: left;
width: 212px;
height: 130px;
padding: 5px;
margin: 3px;
}
Saolasın arkadaşım, sayende sorunsuz hallettim ... :)
Ellerine, yüreğine sağlık...