
10-02-2010, 16:47:23
|
| |
Blogspot Yardım Edin | | Arkadaşlar kendime bir bilogspot açtım ve bira düzenleme yapmak istedim ama biryerden sonra düzenlemeyi yapamadım tek sorunum blogun arkasındaki beyaz ve yeşil renkli alanı bloğa göre genişletmek tek sorun orası kaldı bunu nasıl yaparım site link http://kozamatura.blogspot.com/ gördüğünüz gibi bütün alanların genişliğini 960 yaptım ama arkadaki beyaz alanı genişletemedim bunu nasıl yaparım
Şablon XML Kodu PHP- Kodu: <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
/* **************************
Name: Envision
Blogger by: http://blogandweb.com/
Distributed by: http://btemplates.com/
Designer: http://www.styleshout.com/
Date: Ago 08
*****************************
*//* Definicion de variables
====================
<Variable name="textocolor" description="Text Color"
type="color" default="#555555" value="#555555">
<Variable name="enlacecolor" description="Link Color"
type="color" default="#2180BC" value="#2180BC">
<Variable name="colorenlaceencima" description="Hover Link Color"
type="color" default="#88ac0b" value="#88ac0b">
<Variable name="colortituloblog" description="Blog Title Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="descripcioncolor" description="Blog Description Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="colortituloentrada" description="Post Title Color"
type="color" default="#88ac0b" value="#88ac0b">
<Variable name="colormenu" description="Menu Color"
type="color" default="#FFFFFF" value="#FFFFFF">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#FAFAFA" value="#FAFAFA">
<Variable name="colortituloslateral" description="Sidebar Title Color"
type="color" default="#728D26" value="#728D26">
<Variable name="colortextolateral" description="Sidebar Text Color"
type="color" default="#666666" value="#666666">
*/
#outer-wrapper {
width: 960px;
background: #CCC url(http://img204.imageshack.us/img204/5522/contentvg1.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/*-- (Generales) --*/
* { margin: 0; padding: 0; outline: 0 }
body {
background: #CCC;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: $textocolor;
text-align: center;
}
/* links */
a, a:visited {
text-decoration: none;
color: $enlacecolor;
background: inherit;
}
a:hover {
color: $colorenlaceencima;
background: inherit;
text-decoration: underline;
}
/* headers */
h1, h2, h3 {
font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
font-size: 150%;
font-weight: normal;
color: #006699;
}
h2 {
font-size: 140%;
text-transform: uppercase;
color: #88ac0b;
}
h3 {
font-size: 120%;
color: #666666;
}
/* images */
img {
background: #FAFAFA;
border: 1px solid #E5E5E5;
padding: 5px;
}
img.float-right {
margin: 5px 0px 10px 10px;
}
img.float-left {
margin: 5px 10px 10px 0px;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
}
code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
/* white-space: pre; */
background: #FAFAFA;
border: 1px solid #f2f2f2;
}
acronym {
cursor: help;
border-bottom: 1px dotted #777;
}
blockquote {
margin: 10px;
padding: 0 0 0 28px;
border: 1px solid #f2f2f2;
background: #FAFAFA url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLnctng0xyI/AAAAAAAAAMs/hr0x0UEM5M0/s1600/quote.gif) no-repeat 5px 5px;
}
/* start - table */
table {
border-collapse: collapse;
margin: 10px;
}
th strong {
color: #fff;
}
th {
background: #93BC0C;
height: 29px;
padding-left: 12px;
padding-right: 12px;
color: #FFF;
text-align: left;
border-left: 1px solid #B6D59A;
border-bottom: solid 2px #FFF;
}
tr {
height: 30px;
}
td {
padding-left: 11px;
padding-right: 11px;
border-left: 1px solid #FFF;
border-bottom: solid 1px #ffffff;
}
td.first,th.first {
border-left: 0px;
}
tr.row-a {
background: #F8F8F8;
}
tr.row-b {
background: #EFEFEF;
}
/* end - table */
/* form elements */
form {
margin:10px; padding: 0 5px;
border: 1px solid #f2f2f2;
background-color: #FAFAFA;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding:2px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width:400px;
padding:2px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
font: bold 12px Arial, Sans-serif;
height: 24px;
margin: 0;
padding: 2px 3px;
color: #FFF;
background: #8EB50C url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLnct2jWd3I/AAAAAAAAANM/dwOlnJCxjyo/s1600/button-bg.jpg) repeat-x 0 0;
border: none;
}
/* search form */
.searchform {
background-color: transparent;
border: none;
margin: 0; padding: 5px 0 15px 0;
width: 190px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
width: 120px;
color: #777;
height: 18px;
padding: 2px;
border: 1px solid #E5E5E5;
vertical-align: top;
}
.searchform input.button {
width: 60px;
height: 24px;
padding: 2px 5px;
vertical-align: top;
}
#main-wrapper {overflow:hidden;}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; }
/*-- (Cabecera) --*/
#header-wrapper {
width: 960px;
position: relative;
height: 97px;
background: #CCC url(http://1.bp.blogspot.com/_nyCbOAJcm0I/S3K20QabRFI/AAAAAAAAABk/GcrzwK1akoc/s1600/header.jpg) no-repeat center top;
padding: 0;
color: $colortituloblog;
}
#header-wrapper h1 a {
color: $colortituloblog;
}
#header-wrapper h1 {
position: absolute;
margin: 0; padding: 0;
font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: $colortituloblog;
text-transform: none;
text-decoration: none;
background: transparent;
/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 47px;
}
#header-wrapper p {
position: absolute;
margin: 0; padding: 0;
font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: $descripcioncolor;
/* change the values of top and left to adjust the position of the slogan*/
top: 70px; left: 55px;
}
#header-links {
position: absolute;
top: 20px; right: 30px;
color: #C6DDEE;
font-size: 10px;
}
#header-links a {
color: #FFF;
text-decoration: none;
}
#header-links a:hover {
color: #D4E59F;
}
/*-- (Menu) --*/
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://2.bp.blogspot.com/_73i0fjAB_Hw/SLnctzmT6NI/AAAAAAAAANU/zNpHD_FXf7I/s1600/menu.jpg) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 37px;
width: 960px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: $colormenu;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #D4E59F;
}
#menu ul li#current a {
color: #D4E59F;
}
/*-- (Contenedor) --*/
#content-wrapper {
clear: both;
width: 960px;
padding: 0;
margin: 10px auto;
}
/*-- (Principal) --*/
#main-wrapper {
float: left;
width: 70%;
padding: 0; margin: 5px 0 0 5px;
display: inline;
}
#main-wrapper a {
}
#main-wrapper a:hover {
}
.post ul li{
list-style-image: url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLncuGIr9TI/AAAAAAAAANk/2ZIDj37u328/s1600/bullet.gif);
}
.post-title {
margin-top: 10px;
font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
color: $colortituloentrada;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #EFF0F1;
background: #FFF url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLnctnpv99I/AAAAAAAAAMk/iZBe_qrYCdQ/s1600/square-green.png) no-repeat 3px 50%;
text-transform: none;
}
.post-title a {
background: none;
color: $colortituloentrada;
text-decoration: none;
}
.post-header-line-1 {
}
.post-body {
margin-top:10px;
}
.post-footer, p.comment-footer {
background-color: $dateHeaderColor;
padding: 5px; margin: 20px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date-header {
background: url(http://3.bp.blogspot.com/_73i0fjAB_Hw/SLncuT0uNRI/AAAAAAAAANs/JRacnLCB_Nk/s1600/clock.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comment-link {
background: url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLnctUi0sEI/AAAAAAAAAMU/2FxVG-PLVw4/s1600/comment.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.feed-links {display:none;}
/*-- (Lateral) --*/
#sidebar-wrapper {
float: right;
width: 26.5%;
padding: 0; margin: 0;
color: #68774A;
}
#sidebar-wrapper ul{
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLncuJp9vMI/AAAAAAAAANc/srrDPzxB1lM/s1600/dots.jpg) repeat-x left top;
}
#sidebar-wrapper li{
list-style: none;
background: url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLncuJp9vMI/AAAAAAAAANc/srrDPzxB1lM/s1600/dots.jpg) repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 2px;
color: #68774A;
}
#sidebar-wrapper li a {
text-decoration: none;
background-image: none;
color: $colortextolateral;
}
#sidebar-wrapper li a:hover {
color: #1773BC;
}
* html body #sidebar-wrapper li{
height: 1%;
}
#sidebar-wrapper h2 {
margin-top: 10px;
padding: 5px 5px;
font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color: $colortituloslateral;
}
#sidebar-wrapper ul ul { margin: 0 0 0 5px; padding: 0; }
#sidebar-wrapper ul ul li { background: none; }
/*-- (Pie de pagina) --*/
#footer-wrapper {
color: #C6DDEE;
background: #CCC url(http://1.bp.blogspot.com/_nyCbOAJcm0I/S3K20QabRFI/AAAAAAAAABk/GcrzwK1akoc/s1600/header.jpg) no-repeat center top;
clear: both;
width: 960px;
height: 65px;
text-align: center;
font-size: 92%;
}
#footer-wrapper a {
color: #FFF;
text-decoration: none;
}
/*-- (Comentarios) --*/
#comments h4 {
margin-top: 10px;
font: Bold 110% 'Trebuchet MS', Tahoma, Sans-serif;
color: #88ac0b;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #EFF0F1;
background: #FFF url(http://1.bp.blogspot.com/_73i0fjAB_Hw/SLnctnpv99I/AAAAAAAAAMk/iZBe_qrYCdQ/s1600/square-green.png) no-repeat 3px 50%;
text-transform: none;
}
.comment-author {
font-weight:bold;
padding:0 !important;
background:none !important;
}
dd.comment-body, dd.comment-body p {
margin:10px 0;
}
p.comment-footer {
text-align:center;
display:block;
}
dd.comment-footer {
margin:0;
}
.comment-timestamp, .comment-timestamp a {
color:#999;
display:block;
margin-bottom:15px;
}
.comment-timestamp {
border-bottom:1px solid #E5F0FB;
}
body#layout #content-wrapper {
margin: 0px;
}
body#layout #footer-wrapper p.links, body#layout #menu, body#layout #search {
display:none;
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- links para navegadores de texto -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>ir a principal </a> |
<a href='#sidebar'>Ir a lateral</a>
</span>
<!-- (Cabecera) -->
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='kozamatura - Herşey Hakkında Herşey (Üstbilgi)' type='Header'/>
</b:section>
<div id='header-links'>
<span>
<a expr:href='data:blog.homepageUrl'>Home</a>
<a href='http://www.blogger.com'>Login</a>
</span>
</div>
</div>
<div id='menu'>
<ul>
<li id='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>
</ul>
</div>
<!-- (Contenedor) -->
<div id='content-wrapper'>
<!-- (Principal) -->
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'/>
</b:section>
</div>
<!-- (Lateral) -->
<div id='sidebar-wrapper'>
<h2>Search</h2>
<form class='searchform' expr:action='data:blog.homepageUrl + "search/"' method='get'>
<p>
<input class='textbox' name='q' type='text'/>
<input class='button' name='search' type='submit' value='Search'/>
</p>
</form>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Blogger Templates' type='Feed'/>
</b:section>
</div>
<!-- Limpiar flotacion-->
<div class='clear'/>
</div> <!-- fin de capa content-wrapper -->
<!-- (Pie de pagina) -->
<div id='footer-wrapper'>
<!--
Este es un incentivo al trabajo en disenar y adaptar esta plantilla, llega a ti de forma muy facil y sin costo, tampoco cuesta nada dejes los link, gracias y que te sea util!
This is an incentive to work in design and adapt this template, comes to you in a very easy and without cost, not cost anything let the link, thank you and this work is useful.
Dies ist ein Anreiz zur Arbeit in Design und Anpassung dieser Vorlage, kommt zu Ihnen in einem sehr einfach und ohne Kosten, nichts kosten lassen Sie den Link, ich danke Ihnen, und diese Arbeit sinnvoll ist.
-->
<p class='links'> Copyright © 2008 <a expr:href='data:blog.homepageUrl' style='text-decoration: none;'><data:blog.title/></a><br/>
Design by <a href='http://www.styleshout.com/' title='Designer'>Styleshout</a>
| <a href='http://btemplates.com/' title='Blogger templates'>Blogger template</a> by
<a href='http://blogandweb.com/' title='Plantillas Blogger'>Blog and Web</a></p>
</div>
</div></div> <!-- fin de capa outer-wrapper -->
</body>
</html>
Konu kozamatura tarafından (10-02-2010 Saat 16:50:57 ) değiştirilmiştir..
|