Total Users Online: 97 üye, 2 guest | Tarih/Saat: 2024-04-18 07:45
 
Senatör teması
2013-03-01 00:04 GMT  Çoklu Alıntı
burak sanlı
Seditio
User is: Online status   Gender_M
Posts: 4
Ülke: İstanbul - 34
Meslek:
Age: 45

Öncelikle merhaba,

Senator teması web sayfasında %100 boyutla gözüküyor yani sayfayı kaplıyor ben bunun yerine daha küçük bir şekilde sağda veya ortalanmış şekilde olsun istiyorum bunun için css'de nereyi düzenlemem lazım:

CSS:
* {
    padding: 0;
    margin: 0;
}
html {
    height: 100%;
}

td, body {
  font-family: Verdana, Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
}
body {  
  padding: 0px; margin: 0px;
  background-color: #FFFFFF;
  font-size:12px;
  line-height: 1.5; height:100%;
  color:#666;
}
a { color: #91061a; text-decoration: none; font-size:1.0em; line-height:1.5em; }
a:hover { color:#000; text-decoration: none; border-bottom:1px solid #000; }
.time { padding-top:0.6em; padding-bottom:0.6em; margin:0; color:#666; }

p, .pagetext {
    margin:1em 0;
    text-align: left;
    color: #666;
    font-family: Tahoma, "Georgia", "Times New Roman", "Times", "serif";
    font-size:1.1em;
}
.pagetext a { color: #91061a; text-decoration: none; border-bottom:1px dotted #91061a; font-size:1.0em; line-height:1.5em; }
.pagetext a:hover {color: #000; border-bottom:1px solid #000; }
.pagetext a:visited {color: #91061a; border-bottom: none;}
.pagetext a.thickbox { borderne; }
/*
Thickbox IMAGES
---------------*/
   
a.thickbox:link img, a.thickbox:active img, a.thickbox:visited img, .imglist img, .pagetext img  {
    margin: 0px;
    border: 4px solid #1c2e49;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
    text-decorationne;
}
a.thickbox:hover img, .imglist img:hover, .listbox:hover img {
    border: 4px solid #91061a;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
* html .pagetext img {filter: alpha(opacity=100);}
img { borderne; border-bottom:0px; margin:0px; text-decorationne; padding:0; }
/*
HEADER
----------------------------------------*/

.header { background:#2E4A60 url('../../img/header1.png') repeat-x; height:152px; position:relative; }
#name {
    display: block;
    width:600px;
    height:154px;
    position: relative;
    top:0px;
    left:20px;
    background: url('../../img/name.png') no-repeat;
    z-index:11;
    cursorointer; color:#fff;
    text-indent:-9999px;
    borderne;
    text-decorationne;
}
.title { margin:0px; padding: 0px 15px; background:#2E4A60 url('../../img/title1.png') repeat-x; height:71px; }
/*
MAIN TITLE
------------*/

h1, h2, h3, h4, h5, h6, .listbox h2 {
    font-family: Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
    font-weight: normal;
    margin: 0;
    padding:0;
    /*text-align:left;*/
}
h1 {
    font-size: 2em;
    text-transform: uppercase;
    padding: 17px 0 0 5px;
    line-height: 1.2;
    color:#fff
}
h1 a, h1 a:hover, h1 a:visited {
    color:#fff;
    text-decorationne;
    border: none;
    line-height: 1.2;
}
/*
NEWS TITLE
------------*/

h2 {
    font-size: 1.7em;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: -0.6;
    color: #000;
}
/*
PAGE PARAGRAPH
---------------------*/

h3 {
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #000;
    line-height: 0.6;
}
h3 a { text-decoration: none; border-bottom: 1px dotted #91061a; color:#91061a; }
h3 a:hover { text-decoration: none; border-bottom: 1px solid #000; color:#000; }
/*
SYSTEM TITLE
------------------*/

h4 {
    font-size: 1.5em;
    color:#000;
    letter-spacing: -1px;
    padding:10px 0px;
}
/*
POD TITLE
------------------*/

h5 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
}
/*
Bread Crumb
--------------*/

h6 {
    font-family: Verdana, Trebuchet MS, "Georgia", "Times New Roman", "Times", "serif";
    font-size: 1.1em;
    color:#999;
    padding:0;
}
h6 a { border-bottom: 1px solid #91061a; }
h6 a:hover { color:#000; border-bottom: 1px solid #000; }
/*
STRUCTURE
---------------------------------------*/

#wrapper1 { /*-- sets background to white and creates full length leftcol--*/
    position:relative;
    text-align:left;
    width:100%;
    background: url('../../img/back3.png') repeat-y top left;  
    }
#wrapper2 {
    position:relative;
    text-align:left;
    width:100%;
    backgroundne;
    }
#maincol {
    position:relative;
    margin:0;
    padding:10px;
    }
#leftcol {
    position:relative;
    top:-10px;
    left:-10px;
    float:left;
    width:260px;  /* for IE5/WIN */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:262px; /* actual value */
    margin:0 0 -10px 0;
    padding:0px;
    z-index:5;
    }
#rightcol {
    position:relative;
    top:-10px;
    right:-10px;
    float:right;
    width:270px;  /* for IE5/WIN */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:250px; /* actual value */
    margin:0 0 -10px 0;
    padding:5px;
    backgroundne;
    z-index:4;
    }
#centercol {
    position:relative;
    padding:0px;
    margin:-10px 250px 0px 275px;
    }
#centercol2 {
    position:relative;
    padding:0px;
    margin:4px 10px 0px 275px;
    }
#centercol3 {
    position:relative;
    padding:0px;
    margin:4px 20px 0px 20px;
    }
.polls {
    width: 550px;
    min-height:500px;
    margin: 0 auto;
    position:relative;
    padding:20px; border:1px #C1CDDB solid; background: #F2F5F9;
}      
/*
OLD STRUCTURE
--------------------------------------------*/
 
.cont { padding: 10px; color: #444455; }
#main { /*padding:10px; margin:0; vertical-align:top; border:1px solid #EAEAEA; /*background-color: #F8F8F8;*/ }   
.block  { padding:20px; margin: 15px 0px; border:1px #C1CDDB solid; background: #F2F5F9; }
/*
COMMENTS
--------------------------------------------*/

.comments { position:relative; padding:20px; margin: 15px 0px; border:1px #C1CDDB solid; background: #F2F5F9 url(../../img/comcloud.gif) no-repeat right top; }
.comnom { position: absolute; font-weight:bold; color:#e0e7f0; float:right; top:16px; right:54px; font-size:3em; margin:0; padding:0;}
* html .comnom {top:16px; right:74px;}
/*
BOX POD
------------*/

.pod { display: block; margin: 14px; border:1px #C7CFD7 solid; background:#F2F5F9; }
.pod h5 { height:31px; width:auto; padding: 4px 0 0 10px; color:#fff; background: url('../../img/podhead1.gif') 0 0 repeat-x; }
.pod p, .pod .form_sub { padding: 0.4em 1em 0.7em 1em; }
a.internal {
    font-size:1.0em;
    font-weightrmal;
    color: #91061a;
    font-weight: normal;
    text-decorationne;
    padding-left:1.3em;
    borderne;
    background:transparent url(../../img/internal.gif) -.2em .4em no-repeat;
}
a.internal:hover {
    color:#91061a;
    background:transparent url(../../img/internal.gif) -.1em .4em no-repeat;
}
.pod ul li {list-stylene; line-height:1.1em; text-indent:-1.5em; width: 85%; margin-bottom:1em;}
/*
BOX LIST
---------------*/

.listbox a:link, .listbox a:visited {
    width: 98%;
    margin: 0px 0px 15px 0px;
    padding: 7px;
    float: right;
    border:1px #C1CDDB solid;
    background: #F2F5F9;
    display: block;
}
* html .listbox a:link, * html .listbox a:visited, * html .listbox { padding:7px; margin:2px; }
.listbox a:hover {
    border:1px #C1CDDB solid;
    background: #f9f9f9;
    text-decoration: none;
}
.listbox h2 {
    padding: 10px;
    font-size: 1.4em;
    text-transformpercase;
    color:#91061a;
    letter-spacing: -1px;
}
.listbox p {
    text-align:left; padding:5px 5px 0 5px;
}
.imglist {
    margin: 0px 10px 0px 0px;
    padding: 10px;
    float: left;
    width: auto;
    border: none;
}
* html .imglist { padding:10px; padding-bottom:0px;}
/*
NAV
----------------------------------------*/

#toolbar, #toolbar2 { background:url('../../img/toolbar-.png') repeat-x; margin:0px; padding-left:20px; font-size:1.0em  }
#toolbar2 { displayne; width: 100%; height:31px; padding:0; }
#nav, #nav2 { background:url('../../img/toolbar2.gif') 0 0 no-repeat; margin:0; padding:0; height:31px; overflow:hidden; }
#nav2 { margin-left: 20px; }
#nav ul, #nav2 ul { padding:0; margin:0; margin-left:2px; }
#nav li, #nav2 li { background:url('../../img/toolbar2.gif') 100% 0 no-repeat; margin:0; padding:0; float:left; display:block; }
#nav li a, #nav2 li a { color:#060928; display:block; float:left; height:31px; line-height:31px; padding:0 15px; }
#nav li.active_menu a, #nav2 li.active_menu a { color: #91061a; background: url('../../img/toolbar0.gif') 50% 0 no-repeat; }
#nav a, #nav2 a { text-decoration: none; cursor: pointer; font-weight: bold; font-size: 1.0em; font-family: Tahoma, sans-serif; }
#nav a:hover { color: #91061a; background: url('../../img/toolbar0.gif') 50% 0 no-repeat; }
#nav2 a:hover { color: #91061a; background: url('../../img/toolbar01.gif') 50% 24px no-repeat; }
/*
USER MENU BUTTONS
----------------*/

#usermenu { position:absolute;top:156px; right:10px;height:23px;width:54px;padding:4px 0 0 7px;background:transparent url('../../img/bg.png') 0 0 no-repeat;z-index:11; }
#usermenu li,#usermenu li a {position:relative;height:15px;width:19px;display:inline-block;list-stylene;text-indent:-1000px;overflow:hidden;float:left;margin:0 2px 0 0; }
#textIncrease a {background:transparent url('../../img/buttons.png') 0 0 no-repeat}
#textDecrease a {background:transparent url('../../img/buttons.png') -57px 0 no-repeat}
#textIncrease a:hover {background-position:-19px 0}
#textDecrease a:hover {background-position:-76px 0}
#textIncrease a.stop {background-position:-38px 0}
#textDecrease a.stop {background-position:-95px 0}



#usermenu2 { position:absolute; top:156px; right:70px; height:23px; width:54px; padding:4px 0 0 7px; background:transparent url('../../img/bg.png') 0 0 no-repeat;z-index:11}
#usermenu2 li,#usermenu2 li a {position:relative; height:15px; width:40px;display:inline-block;list-stylene;text-indent:-1000px;overflow:hidden;float:left;margin:0 1px 0 0}
#bat_enter a {background:transparent url('../../img/buttone.png') 0 0 no-repeat}
#bat_menu a {background:transparent url('../../img/buttonm.png') 0 0 no-repeat}
#bat_enter a:hover, #bat_menu a:hover {background-position:-40px 0}
/*
FOOTER
---------------*/

#footer {
  background: #103756 url('../../img/foot.gif') repeat-x 0 0;
  color: #fff;
  clear: both;
  overflow: hidden;
  text-align: left;
  width: 100%;
  border-top:#FAFCFC solid 1px;
  position:relative;
}
#footer .column {
  float: left;
  margin: 0;
  padding: 30px 0px 40px 25px;
  width: 300px;
}
#footer .column2 {
  float: right;
  margin: 0;
  padding: 30px 25px 40px 15px;
  width: 300px;
  text-align:right;
}
#footer .column h4, #footer .column2 h4 {
  font-size: 1.6em;
  text-transformpercase;
  margin: 1em 0.6em;
  color:#fff;
}
#footer ul { list-style-type:square; padding:0; }
#footer ul.blogroll {
    list-style-typene;
    margin:0 0 0px 0; background-color: none;
}
#footer ul.blogroll li {
    list-style-typene;
    margin:0;
    padding:0;
    color:#ccc;
    border-bottom:1px solid #436878;
    width:100%;
    white-spacewrap;
}
.blogroll li a {
    list-style-typene;
    display: block;
    padding:0.4em 1.0em;
    borderne;
    text-decorationne;
    color:#fff;
}
.blogroll li a:hover { background-color:#082338; color:#fff; }
* html .blogroll li a:hover { padding-bottom:0.3em; }
/*
NEW FORMS
------------*/

div.form {margin: 12px;}
div.form_sub {margin: 10px 3px;}

input.search, label.login {
    font-weight: normal;
    font-family: Verdana, "Georgia", "Times New Roman", "Times", "serif";
    color: #888;
    font-size: 1.1em;
}
input.search {
    background: #fff url('../../img/form.gif') repeat-x left top;
    background-attachment: inherit !important;
    background-attachment: fixed;
    border: 1px solid #c7cfd7;
    padding: 4px 10px;
    width: 180px;
    height:20px;
}
* html input.search { padding:4px 10px 2px 10px; }
.submit, .batsearch {
    background:url('../../img/batsearch.png') no-repeat top left;
    width:201px; height:31px; padding:2px 5px 5px 5px;
    cursorointer; font-weight:bold; borderne; color:#888;
}
.submit:hover, .batsearch:hover { color:#91061a; }
fieldset { padding:20px; margin:15px 0 0 0; border:1px #C1CDDB solid; background: #F2F5F9; }
.form-item { margin: 1em 0; }
.form-item label { display: block; padding:0.5em 0; }
.required { color: #ff6600; }
input.search:hover, input.text:hover, input.reset:hover, textarea:hover, .password:hover { border: 1px solid #91061a; }
input.search:focus, input.text:focus, input.reset:focus, textarea:focus, .password:focus { border: 1px solid #22598C; }
.form-required { color:#FF0000; }
legend { padding:0 1em; font-weight:bold; color:#000; }
input.text, textarea, .password {
    background: #fff url('../../img/form.gif') repeat-x left top;
    background-attachment: inherit !important;
    background-attachment: fixed;
    border: 1px solid #ccc;
    padding: 4px 10px;
}
.textboxer { padding:0 40px 0 212px; font-size: 1.1em; }
input.text, .password { width: auto; height:16px; }
textarea { width:360px; }
select { height:26px; vertical-align:bottom; }
.fselect { height:90px; }
label.login {
    font-weight:bold;
    padding:0 1.0em;
    margin-top: 2px !important;
    margin-top: 4px;
    text-align: right; display: inline;
}
/*
BATTON
------------------------------------------*/

#add a, #down a, #rss a, #print a, #edit a, #hide a {display:block;  width:231px; height:42px; text-indent: -9999px;}
#add a { background:url('../../img/batadd.png') no-repeat right top; margin:10px 0 10px 15px; }
#down a { background:url('../../img/batdown.png') no-repeat right top; margin:0 0 15px 14px; width:192px; height:42px; }
#print a { background:url('../../img/batprint.png') no-repeat right top; margin:10px 0 10px 15px; }
#rss a { background:url('../../img/batrss.png') no-repeat right top; margin:5px 0 0 9px; }

#edit a { background:url('../../img/batedit.png') no-repeat right top; margin:10px 0px 10px 15px; }
#hide a { background:url('../../img/bathide.png') no-repeat right top; margin:10px 0px 10px 15px; }
#rss a:hover, #down a:hover, #add a:hover, #print a:hover, #edit a:hover, #hide a:hover { background-position:0 -44px; borderne; text-decorationne;}
/*
MISC
------------------------------------------- */

.download { padding:20px; background:url('../../img/file.gif') no-repeat; background-position: 135px 9px; position:relative;}
.time { color: #999; font-size: 1.1em; font-weight: normal; padding:0 0 0 1px }
.time a { color:#999; border-bottom: none; }
.time a:hover { color: #91061a; border-bottom: 1px solid #91061a; }
.path { float:right; color:#999; display:inline; white-spacewrap; }
.path a { color:#999; }
.disp   { padding:12px; margin:0; }
.error {
    padding:100px 80px;
    font-size: 1.4em;
    color: #91061a;
    font-weight: normal;
    text-align:center;
    background-color:#F2F5F9;
    border:1px #C1CDDB solid;
    margin:30px 150px;
}
.codetitle  { font-size:1em; font-weight: normal; margin:5px 0; }
.code { padding:20px; text-align:left; border-left:3px solid #91061a; background:#F3F3F3 url(../../img/code.gif) no-repeat right top; }
blockquote { display:block; padding:20px; border-left:3px solid #22598C; background:#F3F3F3 url(../../img/quote.gif) no-repeat right top; }
blockquote hr { height:0px; margin:10px 0; borderne; border-bottom:1px dotted #000;}
.valid      { height:48px; text-align:center; vertical-align:middle; }
.paging     { text-align:left; padding:8px 4px 8px 4px; }
.coltop     { text-align:center; font-size:95%;  background-color:#E7E7E7!important; }
.centerall { text-align:center; }
.desc       { font-size:0.9em; }
.pagenav { margin:22px 0px 18px 0px; font-size:1.1em; }
.pagenav_prev, .pagenav_next, .pagenav_first, .pagenav_last, .pagenav_pages  
{ padding:3px 8px; background:#F5F5F5; margin:1px; border:1px solid #d5d5d5;}
.pagenav_current { padding:3px 8px; font-weight:bold; text-decoration: none; background:#ededed; margin:1px; border:1px solid #c8c7c7;  }
.clear { clear: both; }
ul          { list-style-type:square; padding-left:40px; margin:0; line-height:1.1em; }
form        { padding:0; margin:0; }
.colleft    { float:left; margin:0px 14px 8px 0px; }
.colright   { float:right; margin:0px 0px 8px 14px; }
.bar_front  { background-color:#91061a; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:20px; }
.bar_back   { background-color:#EBECF1; border:1px solid #274e5f; margin:2px 1px; height:20px; }
.bbcodes a img { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img { border:0; background-color:transparent; }
.today      { border:1px dashed #DDAA00; }
/*
Table
---------------*/

table.flat      { width:100%; margin:0; padding:0; border-collapse:collapse; }
table.flat td   { padding:0; margin:0}
table.main      { width:100%; margin:0; padding:0px; }
table.main td   { padding:4px;}
table.cells     { width:100%; margin-top:15px; padding:0; }
table.cells td  { padding:2px; background-color:#F2F5F9; margin:0; }
table.cells i   { font-stylermal; font-weight:bold; padding-left:5px; }
table.list      { width:100%; margin:0; padding:5px; }
table.list td   { padding:12px; }
.coltop { background:#000!important; text-align:center; color: #fff; font-weight: bold; font-size: 1.1em; }
/*
Forum board
---------------*/

table.boards td { padding:4px; font-size: 1.0em; color:#666;}
.boards { background-color: #ffffff; border: 2px solid #C1CDDB; border-bottom:10px solid #C1CDDB; margin-bottom:10px; }
.normalname { color: #003; font-size: 11px; font-weight: bold; text-decoration: underline; }
.normalname a:link,
.normalname a:visited,
.normalname a:active { font-size: 12px; text-decoration: underline }
.cat_title a:link,
.cat_title a:active,
.cat_title a:visited,
.cat_title a:hover { color: #fff; text-decoration: underline; }
.cat_bottom { background-color: #ddd; }
.row1 { background-color: #C1CDDB; }/**/
.row2 { background-color: #e6eef9; }
.row3 { background-color: #fafafa; }
.row4 { background-color: #F2F5F9; }/**/
.row5 { background-color: #fcfcfc; }
.graystyle { background-color: #F2F5F9; color:#111; font-size: 1.1em; border:1px solid #C1CDDB; padding:0 10px; margin:10px 0;}
table.graystyle td { padding:0 10px; }
.cat_title { background:#203857; font-weight: bold; color:#fff; }
table a, table a:hover { borderne; }
table img, table img:hover { borderne; }

*:first-child+html .anchors { display: inline-block; }
*:first-child+html .anchors a {
float: left; }
Konuyla İlgili Diğer Başlıklar
Mexfi.Org Teması (skins)
aqua teması istek
Seditio Platin Teması
Neocrome.Ru Teması Buyrun İndirin.
MaviRüya Arayüzü Seditio Teması Sediti Tema indir seditio

 

Senatör teması
2013-03-01 00:54 GMT  Çoklu Alıntı
qharez

User is: Online status   Gender_M
Posts: 172
Ülke: --- - 00
Meslek:
Age: 33

öncelikle header.tpl yi aç

Kod:
<a name="up" id="up"></a>
bunu bul

altına ekle

Kod:
<div id="alan">


daha sonra cssyi ac ve alttakini ekle

Kod:
#alan { margin: 0px auto; text-align: left; width: 776px;}


width: 776px burdaki rakamı kendinize göre değiştirebilirsiniz. Genişliğini ayarlayabilirsiniz

Bu mesaj qharez tarafından 2013-03-01 05:15 GMT, 4066 Gün önce düzenlendi.

 

Senatör teması
2013-03-01 02:16 GMT  Çoklu Alıntı
burak sanlı
Seditio
User is: Online status   Gender_M
Posts: 4
Ülke: İstanbul - 34
Meslek:
Age: 45

Çok teşekkür ederim belki şablonu tamamen sola yanaştırmak için ne yapmam lazım

 

Senatör teması
2013-03-02 09:58 GMT  Çoklu Alıntı
qharez

User is: Online status   Gender_M
Posts: 172
Ülke: --- - 00
Meslek:
Age: 33

Kod:
#alan { margin: 0px auto; text-align: left; width: 776px;}


yukarıdaki css kodun da margin: 0px auto; bu kodu auto yerine sola yaslamak için left sağ için right yazarak yapabilirsiniz

Bu mesaj qharez tarafından 2013-03-02 13:22 GMT, 4064 Gün önce düzenlendi.

 

Powered by Seditio © 2009-2012 All Rights Reserved