Seditio ve Ldu hakkında sınırsız arama yapın
 
 
> 1 <

Etiketler: index tpl e blok ekleme

Author Message

alikoza

Members


Online status

231 posts

Location: Azerbaijan
Occupation:
Age:

#28653   2008-06-02 14:00 GMT      

arkadaşlar ice teması gibi bi skinde index.tpl dosyasına nasıl sağ ve sol blok ekleyebilirim? yani ice temasında biliyosunuz bütün eklentileri yalnızca header.tple eklemek mümkün.. nasıl index.tplde sağ ve sol blok oluşturup eklenti kodlarını ekleye bilirim? çünki eklentilerin büyük çoğunluğu index.tpl için hzırlandı... yardımlarınızı bekliyorum.. şimdiden teşekkürler..

hhsynn

Members


Online status

62 posts
http://www.ortamania.com/
Pagerank: 0

Location: Turkey
Occupation:
Age:

#28661   2008-06-02 15:35 GMT      
sağ ve sol bluğu olan bir sitenin header ve index tpl lerini incele özellikle css lerini çözeceğine eminim

Xiao

Moderators


Online status

866 posts
http://www.seditione.com
Pagerank: 0

Location: Turkey Trabzon
Occupation: Orman Mühendisi
Age: 30

#28663   2008-06-02 15:43 GMT      

tablo yapısı kullanarak yapabilirsin.örneğin:

Code:
<table width="100%" cells2pacing="0" cellpadding="0">
<tr>
<td style="width:25%;">sol blog kodları </td>
<td style="width:50%;">orta blog kodları</td>
<td style="width:25%;">sağ blog kodları</td>
</tr>
</table>
Haziran 2008 Seditio Site Yar??mas? >> http://www.seditione.com

alikoza

Members


Online status

231 posts

Location: Azerbaijan
Occupation:
Age:

#28665   2008-06-02 16:19 GMT      
her sey icin tesekkurler ama olmadi arkadaslar... bakın şimdi temanın css kodlarını index,footer,header.tpl dosyalarını size sunacağım... burdaki index.tplde bi tane haberler plugini eklenmiş. biz de buraya bi latestpoll eklersek tamam olur. ama sağ ve sol bloklar tamamen header ve footerde bulunmakta.. tüm eklentiler de onlarda. bi türlü anlayamıyorum sistemi..
index.tpl :
Code:
<!-- BEGIN: MAIN -->

<div id="main">

<table width="100%">

<tr>
<td style="width:100%; vertical-align:top; padding:0 16px 0 16px;">

{INDEX_NEWS}
<br /><br /><br />


</td>


</tr>

</table>

</div>

<!-- END: MAIN -->



footer.tpl :
Code:
<!-- BEGIN: FOOTER -->













</tbody>
</table>

</td><td width="200" align="right">

<table class="tborder" cellpadding="4" cellspacing="1" border="0" width="180" align="center">
<tr>
<td class="tcat" align="center">Login</td>

</tr>


<tr>
<td class="alt2">
<div class="panel">
{PLUGIN_LEETLOGIN}

</div>


</td>
</tr>

</table><br />
<table class="tborder" cellpadding="4" cellspacing="1" border="0" width="180" align="center">
<tr>
<td class="tcat" align="center">Statistics</td>

</tr>


<tr>
<td class="alt2">
<div class="panel">
{FOOTER_PLUG_VISITS_TOTAL}<br>
{FOOTER_PLUG_VISITS_TODAY}<br>
{INDEX_QUICKSTATS}<br><br>
{PLUG_MOMONLINE}<br>

</div>


</td>
</tr>

</table>



</td>
</tr>
</table>

<br />

<a name="faq_vb_faq"></a>

<table class="tborder" cellpadding="4" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="tcat" align="center">Siteinformation</td>

</tr>


<tr>
<td class="alt2">
<div class="smallfont" align="center">

{FOOTER_BOTTOMLINE}<br />
{FOOTER_CREATIONTIME}<br />
{FOOTER_SQLSTATISTICS}<br />
{FOOTER_DEVMODE}

</div>


</td>
</tr>

</table>








<table cellpadding="4" cellspacing="0" border="0" width="770px"align="center">
<tr>


</tr>
</table>




</div>
</div>
</div>




  </td>
      <td width="12" align="left" valign="top" background="skins/ice/images/right-middle.gif" height="100%"><img src="skins/ice/images/right-middle.gif" width="12" height="100%" alt=" " /></td>

</tr>
  <tr>
    <td width="12" align="left"><img src="skins/ice/images/bottom_left.gif" width="12" height="12" alt=" " /></td>
    <td width="100%" align="left"><img src="skins/ice/images/bottom_middle.gif" width="100%" height="12" alt=" " /></td>
    <td width="12" align="left"><img src="skins/ice/images/bottom_right.gif" width="12" height="12" alt=" " /></td>
  </tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" width="100%">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="page" align="center">

<tr>
       <td class="tfoot"><img src="skins/ice/images/footer_left.gif" align="left" alt=" " /><a href="#top" onclick="self.scrollTo(0, 0); return false;"><img src="skins/ice/images/footer_top.gif" align="left" border="0" alt=" "/></a></td>
<td class="tfoot" align="right">


</td>
       <td class="tfoot"><a href="http://www.completegfx.com/"><img src="skins/ice/images/misc_img.gif" align="right" border="0" alt=" " /></a></td>
       <td class="tfoot"><img src="skins/ice/images/footer_right.gif" align="right" alt="" /></td>
</tr>
</table>
</td>
</tr>

</table>
</td>
  </tr>
</table>

</body>
</html>

<!-- END: FOOTER -->



css:

Code:
/* ============== pagination ============== */

.pagenav_prev, .pagenav_next, .pagenav_first, .pagenav_last, .pagenav_pages   
{ padding:2px 4px; background:#2c3232; margin:1px; border:1px solid #000000; color:#ffffff;}

.pagenav_current { padding:2px 4px; font-weight:bold; text-decoration:none; background:#1B1B1B; margin:1px; border:1px solid #000000;  color:#ffffff; }

/* vBulletin 3 CSS For Style 'dark_vb_v2' (styleid: 2) */
.form-txt { background-image: url(img/formbkg.gif); background-color: #222; font: 10px verdana; color: #AAA; border: solid 1px #393939; padding: 1px 3px 1px 3px; }

.form-txt-100 { background-image: url(img/formbkg.gif); background-color: #222; font: 10px verdana; color: #AAA; border: solid 1px #393939; width: 60px; padding: 1px 3px 1px 3px; }
.form-txt-250 { background-image: url(img/formbkg.gif); background-color: #222; font: 10px verdana; color: #AAA; border: solid 1px #393939; width: 240px; padding: 1px 3px 1px 3px; }
.form-txt-275 { background-image: url(img/formbkg.gif); background-color: #222; font: 10px verdana; color: #AAA; border: solid 1px #393939; width: 350px; padding: 1px 3px 1px 3px; }
.form-txt-300 { background-image: url(img/formbkg.gif); background-color: #222; font: 10px verdana; color: #AAA; border: solid 1px #393939; width: 350px; padding: 1px 3px 1px 3px; }
.form-button { background: #000; color: #777; font: bold 10px verdana; border: solid 1px #444; }
body
{
background: #000000 url(images/bg.gif);
color: #ffffff;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 0px;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
padding: 0px;
}
table.cells { width:100%; margin: 0 auto 0 auto; padding:0; background-color:#000000;}
table.cells td { padding:6px 6px 6px 6px;  margin:0;  vertical-align: top; background-color:#1B1B1B;}

.table { margin:16px; background-color:#000000; border:1px solid #CCCCCC; }
.table h4 { margin:1px; padding:4px; background-color:#000000; }
.table p { margin:1px; padding:4px; }
.profield {padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #222222;
border:1px dotted #666666;
margin-bottom: 2px; }
.profield1 {padding-left: 2px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #383838;
border:1px solid #444444;
}
.profield2 {padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
padding-bottom: 6px;
background-color: #383838;
border:1px solid #444444;
margin-bottom: 2px; }


a:link, body_alink
{
color: #ff7e00;
text-decoration: none;
}
a:visited, body_avisited
{
color: #ff7e00;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #ff7e00;
text-decoration: none;
}
.page
{
background: #1B1B1B;
font-size: 10pt;
}
.page a:link, .page_alink
{
color: #ff7e00;
}
.page a:visited, .page_avisited
{
color: #ff7e00;
}
.page a:hover, .page a:active, .page_ahover
{
color: #ff7e00;
}
td, th, p, li
{
font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #1B1B1B;
color: #ff7e00;
border: 1px solid #111111;
}
.tcat
{
background: #222222;
color: #ff7e00;
font: bold 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
color: #ff7e00;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #ff7e00;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #ff7e00;
text-decoration: none;
}
.thead
{
background: #222222 url(images/gradient_thead.gif) repeat-x top left;
color: #ffffff;
font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
color: #aeaeae;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #aeaeae;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #8DA7B4;
text-decoration: underline;
}
.tfoot
{
background: #1b1b1b url(images/footer_x.gif) repeat-x top left;
color: #bbbbbb;
}

.tfoot2
{
background: #1b1b1b url(images/footer_x.gif) repeat-x top left;
color: #bbbbbb; padding: 5px;
}
.tfoot a:link, .tfoot_alink
{
color: #bbbbbb;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #bbbbbb;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #bbbbbb;
text-decoration: underline;
}
.alt1, .alt1Active
{
background: #25292C url(images/gradients/) repeat-x top left;;
color: #DBDBDB;
}
.alt2, .alt2Active
{
background: #212224 url(images/gradients/) repeat-x bottom left;;
color: #bbbbbb;
}
td.inlinemod
{
color: #FFFFCC;
}
.wysiwyg
{
background: #1B1B1B;
color: #bbbbbb;
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
font: 9pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #c9c9e4;
}
.navbar
{
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #8DA7B4;
font-weight: bold;
}
.fjsel
{
background: #1b1b1b;
color: #aeaeae;
}
.fjdpth0
{
background: #1b1b1b;
color: #8DA7B4;
}
.fjdpth1
{
background: #1b1b1b;
color: #aeaeae;
}
.fjdpth2
{
background: #1b1b1b;
color: #aeaeae;
}
.fjdpth3
{
background: #1b1b1b;
color: #aeaeae;
}
.fjdpth4
{
background: #1b1b1b;
color: #aeaeae;
}
.panel
{
background: #2c3232 ;
color: #8DA7B4;
padding: 10px;
border: 1px solid #1b1b1b;
}
.panelsurround
{width:100%;
background: #222222;
color: #8a8a8a;
border: 1px solid #1b1b1b;
}
legend
{
color: #4F5459;
font: 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: #252D30;
color: #4F5459;
font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #DBDBDB;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #DBDBDB;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #DBDBDB;
text-decoration: underline;
}
.vbmenu_popup
{
background: #222327;
color: #808B8D;
border: 1px solid #1b1b1b;
}
.vbmenu_option
{
background: #25292C;
color: #DBDBDB;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #DBDBDB;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #DBDBDB;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #DBDBDB;
text-decoration: none;
}
.vbmenu_hilite
{
background: #212224;
color: #8DA7B4;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #DBDBDB;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #DBDBDB;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #DBDBDB;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }



h1 { font-size:250%; letter-spacing: -0px; font-weight:normal;}
h2 { font-size:120%; letter-spacing: -0px; font-weight:normal; }
h3 { font-size:120%; margin:1em 1em 1em 0; letter-spacing: -0px; font-weight:normal; }
h4 { font-size:100%; font-weight:bold; margin:1.5em 1em 1em 0; }
h5 { font-size:95%; margin:1em 1em 1em 0; }
h6 { font-size:90%; margin:1em 1em 1em 0; }

.bbstyle1 { font-size:120%; font-weight:bold; }
.bbstyle2 { font-size:130%; font-weight:bold; }
.bbstyle3 { font-size:120%; font-weight:bold; }
.bbstyle4 { font-size:110%; font-weight:bold; }
.bbstyle5 {  }
.bbstyle6 {  }
.bbstyle7 {  }
.bbstyle8 {  }
.bbstyle9 {  }

#container
{
padding:0;
margin:0;
width:820px;
background-color:#FFFFFF;
border:1px solid #555555;
}

#header
{
padding:0;
margin:0;
height:96px;
}

#nav
{
font-size:140%;
margin:-3px 0 0 0;
padding:5px;
background-color:#000000;
letter-spacing:2px;
color:#CCCCCC;
    }

#nav a
{
color:#CCCCCC;
    }

#nav a:hover
{
text-decoration:none;
}

#nav ul
{
    padding:2px;
    margin:0;
}

#nav li
{
display:inline;
list-style:none;
padding:2px 6px 2px 6px;
margin:0;
}

#user
{
margin:0;
padding:3px;
color:#888888;
text-align:right;
background-color:#F1F5FF;
font-size:95%;
}

#user ul
{
padding:2px;
margin:0;
}

#user li
{
display:inline;
list-style:none;
margin:0;
padding:3px;
}

#title
{
margin:20px 20px 12px 20px;
font-size:120%;
letter-spacing: 0px;
}

#subtitle
{
margin:4px 20px 16px 20px;
vertical-align:top;
}

#adminmenu
{
margin:0 20px 2px 0px;
}

#main
{
padding:0px 4px 5px 4px;
margin:0;
vertical-align:top;

}

#side
{
border:4px solid #FFFFFF;
background-color:#F5F5F5;
padding:8px;
font-size:90%;
}

#footer
{
clear:both;
padding:8px;
margin:0;
font:80% Verdana, Arial, sans-serif;
color:#888888;
text-align:center;
}

/* ============== Various ============== */

.disp { padding:12px; margin:0; }
.block { padding:8px; margin:12px; border:1px solid #EAEAEA; background: #000000 url(images/bghell.gif) repeat top center; }
.block h4 { margin-top:0; }
.error { padding:24px 8px 24px 8px; margin:0; color:#CC1212; font-weight:bold; font-size:90%; text-align:center; }
.codetitle { font-size:10px; color:#8f8656; padding:2px; margin-top:5px; }
.code { font-size:11px; color:#6a71a3; background-color:#31323a; padding:2px; margin-bottom:5px; font-family:monospace; border:1px solid #7b7b7b;}
.valid { height:48px; text-align:center; vertical-align:middle; }
.download { font-size:120%; border:1px solid #565656; text-align:center; background: #000000 url(images/bghell.gif); padding:10px; padding-bottom: 20px; margin-top:15px;}
.paging { text-align:center; padding:12px; text-align:right; font-size:90%; }
.coltop { text-align:center; font-size:95%;  background: #000000 url(images/bghell.gif) repeat top center; color:#ffffff; }
.centerall { text-align:center; color: #ff7e00;}
.desc { font-size:95%; padding:3px; color:#ffffff; }

.odd { background: #000000 url(images/bghell.gif) repeat top center;color:#bbbbbb; }
.even { background: #000000 url(images/bg.gif) repeat top center; color:#bbbbbb;}
li { margin:2px; }

img { border-width:0; }
ul { list-style-type:square; }
form { margin:0; }
.colleft { float:left; margin:0px 4px 0px 4px; }
.colright { float:right; margin:0px 4px 0px 4px; }
.bar_front { background-color:#92CC5E; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back { background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today { border:1px dashed #DDAA00; }
.signature { color:#bbbbbb; font-size:100%; max-height:96px; overflow:auto; }
.signature a { color:#ffffff; }

/* ============== Tables ============== */

table td { vertical-align:top; }
table.flat { width:99%; margin:0; padding:0; border-collapse:collapse; }
table.flat td { padding:0; margin:0}
table.main { width:99%; margin:0; padding:4px; }
table.main td { padding:4px; }

table.list { width:99%; margin:0; padding:5px; }
table.list td { padding:12px; }

/* ====================
Land Down Under - Website engine
Copyright Neocrome
http://www.neocrome.net

[BEGIN_LDU]
File=plugins/shopsystem/shopsystem.css
Version=2.5
Updated=2006-may-29
Type=CSS
Author=urlkiller
Description=
[END_LDU]
==================== */

.general_list {   border: 1px solid #BABADA; }
.general_list tr {   background-color:#ffffff;  }
.littlecart {float:right; background-color:#2c3232;    border: 1px solid #ffffff;  margin:2px; padding:2px; }
.littlecat {float:left; background-color:#2c3232;    border: 1px solid #ffffff;  margin:2px; padding:5px;   width:150; }
#shopsystem_singlecat {width:135px;}
.catlist {border-bottom:1px solid #ccc; width:100%; margin:2px; padding:5px; background-color:#2c3232; border: 1px solid #ff0000;}
.catlist:hover {background-color:#5c5c5c;}
#catlistdiv {width:auto; height:auto; padding:10px; margin:0 auto;}
.itembody {border-bottom:1px solid #ccc; margin:2px; padding:5px; background-color:#2c3232; border:1px solid #ffffff}
.itemlist {border-bottom:1px solid #ccc; width:100%; margin:5px; padding:5px; background-color:#ffff00;}
.itemlist:hover {background-color:#ffffff;}
#itemlistdiv {width:auto; height:auto; padding:10px; margin:0 auto;}
/* shopystem
----------------------------------------------- */
/* add here an background-color:#cccccc; for your background color  in all overviews*/
#shop_item { float:left; margin:10px; height:250px; }
#shop_item h2 { display: inline; color: #63b4cd; font-size: 14px; }
#shop_image {float:left; margin:5px; min-width:150px; width:200px;}

#shop_desc {float:left;  margin:5px;}
#shop_desc p {display:block; border-bottom:1px solid #ccc; padding:4px 10px 4px 10px; margin:0px;}

#shop_item_detail { float:left; margin:5px; width:90%;}
#shop_image_detail img {min-width:100px; max-width:100%; height:auto;}
#shop_image_detail {width:70%; margin:5px;}

#shop_image_detail_text {float:left; margin:5px; width:35%;}

#shop_desc_detail_menu {float:left; margin:5px; width:55%;}
#shop_desc_detail_menu p {display:block; border-bottom:1px solid #ccc; padding:4px 10px 4px 10px; margin:0px;}
#shop_desc_detail_menu a {display:block; border-bottom:1px solid #ccc; padding:4px 10px 4px 10px;}
#shop_desc_detail_menu a:hover {background-color:#EFEFEF;}
#shop_desc_detail_menu h2 {display: inline; color: #63b4cd; font-size: 14px;}
#shop_item_detail h2      {display: inline; color: #63b4cd; font-size: 14px;}

#shop_desc a {display:block; border-bottom:1px solid #ccc; padding:4px 10px 4px 10px;}
#shop_desc a:hover {background-color:#EFEFEF;}

#shop_list_view {width:100%; height:60px; margin:5px; float:center;  border-bottom:1px solid #ccc;}
#shop_list_view table {width:100%;}
#shop_list_view h2 { display: inline; color: #63b4cd; font-size: 14px; }
.shop_catalog_list  {float:left; width:20%;}
.shop_main_body     {width:80%; overflow:auto; margin-left:5px;}
/* It is recommended to format the shopping cart and evaldoc completely inline because this style file is not available in
the order-acknowledge-mail to the customer*/
.shop_scart_full {  background-color:#2c3232;   overflow:auto;  padding:10px;  width:90%;   height: 30%; }
/* an article line in the full shopping cart display */
.shop_scart_full table tr {   background-color:#5e5e5e; }
.shop_scart_short {  background-color:#2c3232;   border: 1px solid #AAAAAA;   }
.shop_admin_options {   background-color:#2c3232;   text-align:center; }



işte kodlar yukarıda. Lütfen yardımınızı esirgemeyiniz...

This post was edited by alikoza (2008-06-02 16:57 GMT, 80 Gün ago)

Xiao

Moderators


Online status

866 posts
http://www.seditione.com
Pagerank: 0

Location: Turkey Trabzon
Occupation: Orman Mühendisi
Age: 30

#28667   2008-06-02 16:32 GMT      
bak şimdi.index.tpl de blog kodların şöyle

Code:
<td style="width:100%; vertical-align:top; padding:0 16px 0 16px;">

{INDEX_NEWS}
<br /><br /><br />


</td>


buradaki 100% değerini 60% yap.Daha sonra

bu kodun hemen altına aşağıdakini ekle.

Code:
<td style="width:40%; vertical-align:top; padding:0 16px 0 16px;">

sağ blog
<br /><br /><br />


</td>


şimdi böyle yapınca haberlerin olduğu bloğu %40 azaltıp o değeri yeni eklediğimiz bloğa verdik.Sol tarafa blog koymak istersen haberleri gösteren bloğun kodlarının üstüne

Code:
<td style="width:25%; vertical-align:top; padding:0 16px 0 16px;">

sol blog
<br /><br /><br />


</td>


ekle.ama bunu yaparsan diğer oluşturduğumuz blogların % sini de ayarlamamız gerekecek.oluşturduğumuz 3 blog var 1. sol 2. orta 3. sağ. 1. den başlayarak sırasıyla 25% 50% 25% şeklinde değiştir.

Yani yeni kodumuz şöyle olacak:

Code:
<td style="width:25%; vertical-align:top; padding:0 16px 0 16px;">

sol
<br /><br /><br />


</td>
<td style="width:50%; vertical-align:top; padding:0 16px 0 16px;">

{INDEX_NEWS}
<br /><br /><br />


</td>
<td style="width:25%; vertical-align:top; padding:0 16px 0 16px;">

sağ
<br /><br /><br />


</td>


birde şu hatayı yapabilirsin.sol tarafta 2-3 tane blog oluşturacağım diye bu verdiğim kodları alt alta yapıştırma.örneğin bir bloğun css dosyalarında div katmanlarıyla blog yapısı muhakkak oluşturulmuştur.
Örnek veriyorum:

Code:
<div class="title">Kullanıcı Paneli</div>
<div class="blog">{PHP.leetlogin}</div>


bunun gibi birden fazla blog kodlarını oluştur.
Örneğin:

Code:
<div class="title">Başlık 1</div>
<div class="blog">Blog 1</div>

<div class="title">Başlık 2</div>
<div class="blog">Blog 2</div>

<div class="title">Başlık 3</div>
<div class="blog">Blog 3</div>


bunu da yukarıda yapmış olduğumuz tabloya şu şekilde yerleştireceksin.

Code:
<td style="width:25%; vertical-align:top; padding:0 16px 0 16px;">

<div class="title">Başlık 1</div>
<div class="blog">Blog 1</div>

<div class="title">Başlık 2</div>
<div class="blog">Blog 2</div>

<div class="title">Başlık 3</div>
<div class="blog">Blog 3</div>
<br /><br /><br />


</td>
Haziran 2008 Seditio Site Yar??mas? >> http://www.seditione.com

alikoza

Members


Online status

231 posts

Location: Azerbaijan
Occupation:
Age:

#28669   2008-06-02 16:45 GMT      
olmuyor Xiao malesefff... napsam acaba? sen dedigin gibi yaptigim zaman sadece haberler kismini uce ayiriyor digerleri ile isi yok... msnde gorusebilsek ayrintili danisacam da, ekledim seni..

Xiao

Moderators


Online status

866 posts
http://www.seditione.com
Pagerank: 0

Location: Turkey Trabzon
Occupation: Orman Mühendisi
Age: 30

#28671   2008-06-02 16:54 GMT      
malesef msn kullanmıyorum.istersen screenshot eklemeyi dene ya da link ver.
Haziran 2008 Seditio Site Yar??mas? >> http://www.seditione.com

alikoza

Members


Online status

231 posts

Location: Azerbaijan
Occupation:
Age:

#28674   2008-06-02 17:08 GMT      
Xiao resimlik degil yaaa.. ortadaki blogu 3 kisma ayiriyor .. kenardaki bloglara dokunmuyor;) sadece ortadaki ile urasiyor... index.tpl yalniz ortadaki bloga ait.. bunu nerden degisip ucune de ait edebiliriz? yani o idex.tpli niye ole goruyor? ben nerden nasil degise bilirim?

alikoza

Members


Online status

231 posts

Location: Azerbaijan
Occupation:
Age:

#28678   2008-06-02 17:49 GMT      

Dvdbil bi de sen bakarsan abi belki kolay bir seydir... saatlerdir calisiyorum olmadi ... bi zahmet buna bak..
> 1 <

Benzer konular (Similar topics) #BETA

Keywords (beta):

Forum Arşiv (beta):

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26] [27] [28] [29] [30] [31] [32] [33] [34] [35] [36] [37] [38] [39] [40] [41] [42] [43] [44] [45] [46] [47] [48] [49] [50] [51] [52] [53] [54] [55] [56] [57] [58] [59] [60] [61] [62] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] [73] [74] [75] [76] [77] [78] [79] [80] [81] [82] [83] [84] [85] [86] [87] [88] [89] [90] [91] [92] [93] [94] [95] [96] [97] [98] [99] [100] [101] [102] [103] [104] [105] [106] [107] [108] [109] [110] [111] [112] [113] [114] [115] [116] [117] [118] [119] [120] [121] [122] [123] [124] [125] [126] [127] [128] [129] [130] [131] [132] [133] [134] [135] [136] [137] [138] [139] [140] [141] [142] [143] [144] [145] [146] [147] [148] [149] [150] [151] [152] [153] [154] [155] [156] [157] [158] [159] [160] [161] [162] [163] [164] [165] [166] [167] [168] [169] [170] [171] [172] [173] [174] [175] [176] [177] [178] [179] [180] [181] [182] [183] [184] [185] [186] [187] [188] [189] [190] [191] [192] [193] [194] [195] [196] [197] [198] [199] [200] [201] [202] [203] [204] [205]