• 13-11-2009, 15:44:34
    #1
    arkadaşlar bu siteyi sola yaslamak istiyrm nasıl olcak. Yani ortadaki bölümü sola kaydırcam bilen arkadaşlar varmı acaba. Resim altta

    Tema bu Arkadaşlar : O2 Teması


  • 13-11-2009, 17:18:08
    #2
    Üyeliği durduruldu
    Yazının içine temanın kodlarını da eklerseniz yardımcı olabiliriz. Css kodlarını sadece
  • 13-11-2009, 18:52:01
    #3
    Buyrun
      <b:skin><![CDATA[/*
    
    /* **************************
    Name: Blogy O2
    Blogger by: http://Blogandweb.com
    Designer: http://blog.eches.net
    Date: Dec 07
    ***************************** 
    
    *//* Definición de variables
       ====================
       <Variable name="bgcolor" description="Page Background Color"
                 type="color" default="#000000" value="#2D6E89">
       <Variable name="textocolor" description="Text Color"
                 type="color" default="#000000" value="#000000">
       <Variable name="enlacecolor" description="Link Color"
                 type="color" default="#336699" value="#cc0000">
       <Variable name="colortituloentrada" description="Post Title Color"
                 type="color" default="#336699" value="#cc0000">
       <Variable name="colormenu" description="Menu Color"
                 type="color" default="#FFFFFF" value="#ffffff">
        <Variable name="colortituloslateral" description="Sidebar Title Color"
                 type="color" default="#FFFFFF" value="#FFFFFF">
       <Variable name="colortextolateral" description="Sidebar Text Color"
                 type="color" default="#0199cb" value="#0066CC">
    */
    
    #outer-wrapper {
            width:970px;
            background:#fff;
            margin: 5px auto 1px auto;
            padding: 0 0 1px 0;
    
    }
    
    #bgs    { width:512px;
    background: #000000
    url(http://www.vizyonfilmler.net/wp-content/themes/amazinggrace/images/siyahs.JPG);
    text-align: center;
    background-position:left;
    padding: 25px 0
    
    }
    
    #bgg    { width:512px;
    background: #000000
    url(http://www.resimliprogram.com/images/bgg.jpg);
    text-align: center;
    background-position:left;
    padding: 32px 0
    
    }
    
    #wrap2 {
        margin: 0 auto 0px auto;
        width: 966px;
        text-align: left;
    }
    
    #navbar-iframe {
       height:0px;
       visibility:hidden;
       display:none
    }
    
    /*-- (Generales) --*/
    
    body, h1, h2, h3, h4, h5, h6, p, form {
        margin: 0;
        padding: 0;
    }
    
    body {
        margin: 0;
        font-family: Arial, Helvetica, Georgia, Sans-serif;
        font-size: 12px;
        vertical-align: top;
        background: $bgcolor;
            color:$textocolor;
    }
    
    h1 {
        font-family: Arial, Sans-serif;
        font-size: 30px;
        padding: 0 0 10px 0;
    }
    
    a:link, a:visited {
        text-decoration: none;
        color: $enlacecolor;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    a img {
    border:0;
    }
    
    p {
        padding: 10px 0 0 0;
    }
    
    blockquote {
            margin:5px 10px;
            padding:4px 7px 10px 7px;
            font-size:10px;
            color:#336699;  
            border:1px dashed #40a9c9;
            background: #d8eaee url(http://bp0.blogger.com/_Zuzii37VUO4/R2iVTSjZEdI/AAAAAAAACeo/0reNSdqOfpU/s1600/quote.gif) no-repeat 10px 4px;        
    }
    
    blockquote blockquote {
            margin:5px 10px;
            padding:4px 7px 10px 7px;
            font-size:10px;
            background:#bac9cc; 
            color:#336699;  
            border:1px dashed #40a9c9;
            background: #d8eaee url(http://bp0.blogger.com/_Zuzii37VUO4/R2iVTSjZEdI/AAAAAAAACeo/0reNSdqOfpU/s1600/quote.gif) no-repeat 10px 4px;      
    }
    
    #main-wrapper {overflow:hidden;} 
    
    .clear {clear:both;}  
      
    #blog-pager-newer-link {float: left;} 
    
    #blog-pager-older-link {float: right;} 
    
    #blog-pager {text-align: center; }
    
    /*-- (Cabecera) --*/
    
    #header-wrapper {
        float: left;
        width: 958px;
            height: 89px;
            background: #0099cb; 
            margin:1px auto;
            padding: 2px 0 2px 8px;
            text-decoration:none;
            background:url(http://img413.imageshack.us/img413/1752/headertb4.jpg) repeat-x;
    }
    
    #header {
            float:left;
            width:400px;height:85px;
            margin-bottom:10px; padding:0;
            background-image:url();
    }
    
    #header h1, #header p { display:none; visibility:hidden; height:0; }
    
    #header_r {
            float:right;height:91px;width:506px;
            margin:0; padding:0;
            background-image:url();
    }
    
    #header_r_ads {
            margin:2px 0 0 39px; padding:0;
            width:468px;
            height:62px;          
    }
    
    input#s { 
            color:#000;
            border:3px solid #7fcbe3;
            background:#fcfcfc;
    }
    
    /*-- (Menú) --*/
    
    #nav {
            clear:both;
            margin:1px auto 1px auto;
            width: 966px;
            height:31px;
            background: url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVZCjZEgI/AAAAAAAACfA/ji2RX4m6WGk/s1600/topmenu.jpg) repeat-x;
            overflow:hidden; 
    }
    
    #nav_l {
            float:left;
            width:865px;  
            margin:0px; padding:0px; 
            overflow:hidden;
            height:31px; 
    }
    
    .menu {
            float:left;
            margin:5px 1px;
            padding:3px;
            width:500px;
    }
        
    .menu li {
        display: inline;
        list-style: none;
        margin:0;
        padding:0;
    }
    
    .menu ul, .menu ol {
            display: inline;
        list-style: none;
        margin:0;
        padding:0 10px 0 0;
    }
            
    .menu a, .menu a:visited {
        color: $colormenu;
        font-weight: bold;
        margin:0;
        padding: 3px 10px 3px 10px;
        text-decoration: none;
    }
            
    .menu a:hover {
        background: #1ba7d4;
        text-decoration: none;
            border:1px solid #fff;
    }
    
    #subscribe {
            float: right;
            width:92px;
            height:32px;
            margin:4px 4px 3px 4px;
    }
    
    .rss { 
            float:right;
            margin:7px 5px 5px 0px;
            width:230px; 
    }
    
    .rss ul { 
            margin: 0; padding: 0 2px;
    }
    
    .rss li { 
            background: url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVYyjZEeI/AAAAAAAACew/TXSgAsWEBLA/s1600/rss.gif) no-repeat 0 3px; 
            margin: 0 2px 0 0; 
            padding: 3px 0 3px 20px; 
            list-style: none; 
            font-size: 12px; color:#f5153a; 
            display: inline; font-weight: bold;
    }
    
    .rss li a {
            font-size: 12px; color:#fff; 
    }
    
    /*-- (Contenedor) --*/
    
    #content-wrapper {
    
    }
    
    /*-- (Principal) --*/
    
    #main-wrapper {
        float: left;
        width: 550px;
            padding: 6px 10px 10px 10px;
            text-align:justify;
            background: #fff;
            margin:0 auto 1px auto;
    }
    
    #main-wrapper a {
    }
    
    #main-wrapper a:hover {
    }
    
    .post {
            padding: 2px 6px 10px 6px;
    }
    
    .post-title, .post-title a {
            margin:0 5px; padding:2px 0 0 0;
            color:$colortituloentrada;
    }
    
    .post h2 {
        font-family: Arial, Georgia, Sans-serif;
        font-size: 16px;
            margin:0 5px;
            text-align:left;
            text-transform:uppercase; 
    }
    
    .post-body {
        font-family: Verdana, Arial, Georgia, Sans-serif;
        font-size: 10px;
        line-height: 1.3em;
        margin: 3px 0 5px 0;
    }
    
    .post_header {
            margin:0; padding:0;
            height:60px;
            background:#fff;
    }
    
    .post_headerr {
            margin:0; padding:0;
    }
    
    .details {
            margin:0; padding:4px 0;
            border-top:1px dashed #bc581c;
    }
    
    .post-labels {
            background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVSyjZEZI/AAAAAAAACeI/UgTKEfkUALU/s1600/folder.gif) no-repeat;
            margin:0; padding:0 0 0 20px;
    }
    
    .details .post-comment-link {
            background:url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVTCjZEbI/AAAAAAAACeY/2XevMzxCuWM/s1600/list_comments.gif) no-repeat;
            margin:0; padding:0 0 0 20px;
    
    }
    
    .fecha_dia {
            display:block;
            font-size:1.2em;
            margin:0;
            color:#336699;
            font-weight: bold;
            padding:0.7em 0 1.1em 0;
            text-align: center;
    }
    
    .fecha_mes {
            display:block;
            font-size: 0.9em;
            margin:0;
            padding-top:5px;
            color:#fff;
            font-weight: bold;
            text-align:center;
    }
    
    .fecha_ano { display:none; visibility:hidden; height:0; }
    
    .post-footer {
        margin: 10px 0 0 0;
            padding:6px;
            background: #fff;
    }
    
    .post-body pre code {
    background-color:#f6f6f6;
    display:block;
    width:360px;
    overflow: auto;
    padding:0em 1em;
    color:#000000;
    }
    
    #blog-pager {
        padding: 10px 0 0 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
    }
    
    .blog-pager-older-link {
            margin:0;padding:0;
    }
    
    .blog-pager-newer-link {
            margin:0;padding:0;
    }
    
    /*-- (Lateral) --*/
    
    #sidebar-wrapper {
        float: left;
        width: 386px;
        margin: 1px 0 0 2px;
            background:#fff;
    }
    
    #sidebar-wrapper ul{
        list-style: none;
        margin:0; padding:0;
    }
    
    #sidebar-wrapper li{
        padding: 0;
        line-height: 24px;
    }
    
    #sidebar-wrapper h2 {
        font-family: Georgia, Sans-serif;
        font-size: 14px;
    }
    
    #sidebar_top {
            margin:6px 0 0 0;padding:8px;
            background:url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVZCjZEfI/AAAAAAAACe4/ZO60BR2ICUo/s1600/sidebar_top.jpg) repeat-x;
            width: 369px;
            line-height:12px;
            text-align:justify;
            border:1px solid #91d3e9;
            font-size:10px;
            font-family:verdana;
    }
    
    #sidebar_top h4 {
            color:#0e5268;
            margin-bottom:3px;
            font-size:14px;
    }
    
    .widget-content {
    }
    
    .sidebar .widget {
        padding: 10px 0;
    }
    
    #sidebar1 {
            margin:0;padding: 0 1px 0 0;
            float:left;
            width:184px;
    }
    
    #sidebar1 ul{
        list-style: none;
    }
    
    #sidebar1 ul li {
        padding: 0 0 0 20px;
        line-height: 18px;
        font-family: Arial, Georgia, Sans-serif;
        background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEVI/AAAAAAAACdo/84fBq9ZlKOE/s1600/arrow_blue.jpg) no-repeat 0px 0px; 
    }
    
    #sidebar1 .widget {
        padding: 10px 0 4px 0;
        font-family: Arial, Georgia, Sans-serif;
        font-size: 11px;
        color:#7a888c;
        margin:0;
    }
    
    #sidebar1 .widget a:link, #sidebar1 ,widget a:visited {
            color:$colortextolateral;
            font-weight:700;
    }
    
    #sidebar1 h2{
        font-family: Verdana,Arial, Georgia, Sans-serif;
        font-size: 11px;
        background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEXI/AAAAAAAACd4/mWYaYLI0oOo/s1600/cat.jpg) no-repeat top left;
        margin:0; padding:7px 0 0 8px;
        height:30px;width:182px;
        color:$colortituloslateral;
        text-transform:uppercase;
    }
    
    #sidebar2 {
            margin:0;padding: 0 1px 0 0;
            float:right;
            width:181px;
    }
    
    #sidebar2 ul{
        list-style: none;
    }
    
    #sidebar2 .widget {
        padding: 10px 0 4px 0;
        font-family: Arial, Georgia, Sans-serif;
        font-size: 11px;
        color:#7a888c;
        margin:0;
    }
    
    #sidebar2 .widget a:link, #sidebar2 .widget a:visited {
            color:$colortextolateral;
            font-weight:700;
    }
    
    #sidebar2 h2{
        font-family: Verdana, Arial, Georgia, Sans-serif;
        font-size: 11px;
        background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEXI/AAAAAAAACd4/mWYaYLI0oOo/s1600/cat.jpg) no-repeat top left;
        margin:0; padding:7px 0 0 8px;
        height:30px;width:182px;
        color:$colortituloslateral;
        text-transform:uppercase;
    }
    #sidebar2 ul li{
        padding: 0 0 0 22px;
        line-height: 18px;
        font-family: Arial, Georgia, Sans-serif;
        background:url(http://bp2.blogger.com/_Zuzii37VUO4/R2iVHyjZEVI/AAAAAAAACdo/84fBq9ZlKOE/s1600/arrow_blue.jpg) no-repeat 2px 0px; 
    }
    
    /*-- (Pie de página) --*/
    
    #footer-wrapper {
        clear: both;
        width: 966px;
            background:url(http://bp3.blogger.com/_Zuzii37VUO4/R2iVTCjZEaI/AAAAAAAACeQ/0za-Ezx5YE8/s1600/footer.jpg) repeat-x;
            padding:10px 0;
            margin:0;
    }
    
    #footer-wrapper .links {
        line-height: 13px;
            text-align:center;
            font-weight:700;
            color:#fff;
            padding: 2px 0;
            font-size: 10px;
            font-family:Verdana;
    }
    
    #footer-wrapper a {
            color:#afe1f3;
    }
    
    #footer-wrapper a:hover {
            color:#53c7f2;
    }
    
    /*-- (Comentarios) --*/
    
    #comments h4 {
    text-align:justify;
    font-size:14px;
    font-weight:bold;
    }
    
    #comments-block {
            margin:0 0 1px;
            padding:0;
           font-size:11px;
    }
    
    .comment-author {
    border-top:1px dashed #31afda;
    border-left:1px dashed #31afda;
    border-right:1px dashed #31afda;
    background:url(images/comment_l.jpg) repeat-x;
    padding:6px 15px 0px 15px;
    margin-left:0px;
    display:block;
    margin-top:10px;
    }
    
    .comment-body {
    border-left:1px dashed #31afda;
    border-right:1px dashed #31afda;
    padding:5px 15px 5px 15px;
    margin-left:0px;
    display:block;
    }
    
    #comments-block .comment-footer {
    border-left:1px dashed #31afda;
    border-right:1px dashed #31afda;
    border-bottom:1px dashed #31afda;
    margin-bottom:15px;
    margin-left:0px;
    padding:0px 15px 12px 15px;
    display:block;
    }
    
    .social {
    
    height:34px;
    
    }
    
    .socialtextspace {
    
    float:left;
    
    }
    
    .socialicons {
    
    float:right;
    
    text-align:right;
    
    }
    .fixed_menu {
    position: fixed; /*set the position type for non IE systems*/
    top: 140px;
    left: 0px;
    width: auto;
    margin: 0 0px 0px 0px;
    background: #ffffff;
    opacity:.900;
    filter: alpha(opacity=90);
    padding: 7px 5px 5px 5px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 0px;
    }
    .fixed_menu a:hover img {
    position: relative;
    top: 2px;
    left: 2px;
    border-top: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-bottom: 2px solid #999999;
    border-right: 2px solid #999999;
    }
    .fixed_menu a { display: block; } /*Optional : This puts each link in the menu on a new line, remove if you want a horizontal menu*/
    * html .fixed_menu {position:absolute;} /*IE only change the position mode of the menu*/
    ]]></b:skin>
  • 13-11-2009, 20:52:55
    #4
    bilen, gören, duyan, yapan yokmu
  • 13-11-2009, 21:49:37
    #5
    bi bilen
  • 13-11-2009, 22:22:11
    #6
    Üyeliği durduruldu
    Yukarda gösterdiğiniz css dosyası galiba.
    Alıntı
    #genel{
    float: left
    }
    bunu ekliyin.


    index dosyasınıda bodyden sonra

    Alıntı
    <div id="genel">
    ekleyin.

    Kapatmayı unutmayın divi.
  • 13-11-2009, 22:33:32
    #7
    maalesef olmadı.
  • 14-11-2009, 01:12:36
    #8
    SST
    Üyeliği durduruldu
    Alıntı
    #outer-wrapper {
    width:970px;
    align:left;
    background:#fff;
    margin: 5px auto 1px auto;
    padding: 0 0 1px 0;
    gibi değiştirebilirsiniz.
  • 14-11-2009, 09:15:47
    #9
    yine olmadı . Başka bilen yokmu ya