02-11-2008, 09:18
|
|
|
|
חבר מתאריך: 09.06.04
הודעות: 37
|
|
צריך עזרה בהרחבת עמודה בבלוג שלי..
שלום!
יש לי בלוג בבלוגר ועמודת האמצע בעיצוב שהורדתי מאתר BlogCrowds צרה מדי.
אני מנסה למצוא דרך להרחיב אותה בלי לפגוע ולעוות את שאר האלמנטים בעמוד.. אשמח מאוד לעזרתכם 
תודה!
הנה העיצוב:
<?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>
<meta content='funh7oSEWleLOXxGyDln3gpjcseeNK21t+P2d0iZc /k=' name='verify-v1'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Sky3C
Designer: Kaushal Sheth
URL: http://www.kaushalsheth.com/
Updated and Converted by
Name: Charlemagne Stavanger
URL: http://www.blogcrowds.com/
Support: http://www.blogcrowds.com/
----------------------------------------------- */
/* ----------------SUB NAV------------ */
#subnav {
float: right;
margin-right: 5px;
margin-top: -20px;
color: #8FBFFF;
}
#subnav a:link, #subnav a:visited {
font-weight: normal;
color: #666666;
text-transform: uppercase;
font-size: 9px;
}
#subnav a:hover {
color: #000000;
}
/* second sidebar*/
/* ----------------MENU------------ */
#side2 {
width: 160px;
float: left;
position: relative;
margin: 0px -10px 0px 0px;
text-align: left;
/* left: -10px;*/
padding: 0px 0px 0px -40px;
padding-left:5px;
}
#side2 ul {
list-style-type: none;
margin: 0px 0px 0px -10px;
padding: 0px;
}
#side2 ul ul {
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0px;
}
#side2 ul li {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}
#side2 ul ul li {
margin: 0px 0px 0px -10px;
padding-top: 0px;
padding-bottom: 0px;
list-style-type: none;
border: none;
}
li#about {
font-size: 10px;
color: #1A71AB;
}
#side2 h2 {
font-size: 14px;
font-weight: bold;
margin: 0px;
color: #1A71AB;
padding-bottom: 2px;
font-family: "Trebuchet MS";
background-image: url('http://i61.photobucket.com/albums/h59/c_stavanger/sky3c/cat-deco.gif');
background-repeat: no-repeat;
background-position: left 50%;
height: 30px;
padding-left: 40px;
padding-top: 12px
}
/* ----------------MENU------------ */
#side {
width: 160px;
float: right;
position: relative;
margin: 0px -10px 0px 0px;
text-align: left;
left: -10px;
padding: 0px 0px 0px -50px;
}
#side ul {
list-style-type: none;
margin: 0px 0px 0px -10px;
padding: 0px;
}
#side ul ul {
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0px;
}
#side ul li {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}
a img
{
border:none;
}
#side ul ul li {
margin: 0px 0px 0px -10px;
padding-top: 0px;
padding-bottom: 0px;
list-style-type: none;
border: none;
}
li#about {
font-size: 10px;
color: #1A71AB;
}
#side h2 {
font-size: 14px;
font-weight: bold;
margin: 0px;
color: #1A71AB;
padding-bottom: 2px;
font-family: "Trebuchet MS";
background-image: url('http://i61.photobucket.com/albums/h59/c_stavanger/sky3c/cat-deco.gif');
background-repeat: no-repeat;
background-position: left 50%;
height: 30px;
padding-left: 40px;
padding-top: 12px
}
/* ----------------MENU------------ */
#menu {
width: 450px;
}
#menu ul {
list-style-type: none;
}
#menu ul ul {
list-style-type: none;
}
#menu ul li {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #cccccc;
}
#menu ul ul li {
margin: 0px 0px 0px -10px;
padding-top: 2px;
padding-bottom: 2px;
list-style-type: none;
border: none;
}
/* ----------------HEADER------------ */
#flash
{
width:755px;
height:250px;
padding:0px;
margin:0px;
}
#header {
background-image: url('http://www.geocities.com/mekler22/blurry4cut.jpg');
background-repeat: no-repeat;
margin: 0px;
text-align: left;
vertical-align: bottom;
padding-left: 15px;
height: 264px;
padding-top: 1px;
font-family: "Trebuchet MS", verdana, arial, helvetica
}
#header a:link, #header a:visited {
font-size: 24px;
color: #fdfdfd;
}
#header a:hover {
color: #f5f3f4;
}
/* ----------------NAV MENU------------ */
#navmenu {
background-image: url('http://i61.photobucket.com/albums/h59/c_stavanger/sky3c/navmenu2.jpg');
height: 45px;
background-repeat: no-repeat;
margin: 0px;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 25px;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
font-variant: small-caps;
text-decoration: none;
text-align: left;
font-family: "Trebuchet MS", verdana, arial, helvetica;
letter-spacing: .1em
}
#navmenu a:link, #navmenu a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
padding-right: 15px;
padding-left: 15px;
padding-top: 2px;
padding-bottom: 5px;
}
#navmenu a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #1A71AB;
}
/* ----------------CONTENT------------ */
#rap {
background-color: #fdfdfd;
text-align: center;
border-right-width: 5px;
border-left-width: 5px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #ffffff;
border-left-color: #ffffff;
width: 755px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
}
#content {
width: 410px;
text-align: justify;
height: auto;
color: #666666;
padding-left: 5px;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 10px;
margin: 0px;
float: left;
}
.image-align-left {
padding: 4px;
float: left;
}
.image-align-right {
padding: 4px;
float: right;
}
/* ----------------FOOTER------------ */
#footer {
background-color: #013C80;
width: 745px;
font-size: 10px;
font-weight: normal;
font-variant: normal;
color: #FFFFFF;
height: 25px;
padding-top: 10px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 8px;
margin: 0px;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-top-width: 1px;
border-top-color: #8FBFFF;
line-height: 130%;
clear: both;
}
#footer a:link, #footer a:visited {
color: #FFFFFF;
text-decoration: none;
}
#footer a:hover {
color: #000000;
}
/* ----------------REDIFINED TAGS------------ */
body {
background:#252525 url('http://i61.photobucket.com/albums/h59/c_stavanger/sky3c/bg2.gif') repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
margin: 0px auto;
/* background-color: #8FBAFE;
background:#252525;*/
text-align: center;
background-attachment: fixed;
padding: 0px
}
a:link {
color: #666666;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #666666;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #003BAE;
font-weight: bold;
}
h3 {
margin: 0px;
padding: 0px 0px 3px;
font-size: 21px;
}
h3 a {
color: #0066FF;
}
h2 {
font-size: 11px;
font-weight: normal;
}
/* ---------------FORM-------------------*/
input {
border: 1px solid #666666;
background: #fdfdfd;
margin: 5px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-variant: normal;
padding: 3px;
}
input:hover {
background: #FFFFFF;
}
textarea {
border: 1px solid #666666;
margin: 5px;
background: #ffffff;
color: #333333;
width: 95%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-variant: normal;
padding: 3px;
}
textarea:hover {
background: #FFFFFF;
}
#submit {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #101d27;
border-right-color: #101d27;
border-bottom-color: #101d27;
border-left-color: #101d27;
}
#submit:hover {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #101d27;
border-right-color: #101d27;
border-bottom-color: #101d27;
border-left-color: #101d27;
cursor: hand;
}
select {
border: 1px solid #003300;
margin: 5px;
padding-left: 3px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
}
form {
margin: 0px;
padding: 0px;
color: #000000;
}
/* ---------------POST-------------------*/
.storytitle {
margin-bottom: 5px;
text-align: center;
background-image: url('http://i61.photobucket.com/albums/h59/c_stavanger/sky3c/title-deco.gif');
background-repeat: no-repeat;
background-position: center top;
padding-top: 20px;
font-family: "Trebuchet MS", verdana, arial, helvetica;
font-size: 22px;
font-weight: bold
}
.storytitle a:link, .storytitle a:visited {
color: #013C80;
text-decoration: none;
}
.storytitle a:hover {
color: #013C80;
}
.meta {
font-size: 10px;
color: #333;
float: right;
}
.feedback {
background-color: #eee;
padding: 3px;
margin-bottom: 12px;
}
.storycontent {
line-height: 130%;
padding-top: 10px;
}
blockquote {
font-style: italic;
color: #101d27;
}
blockquote { border-top: 2px solid #013C80; border-bottom: 2px solid #013C80; margin-left: 1.5em; padding-left: 5px; background-color: #E6EAF3}
h4 {
font-family: "Trebuchet MS", verdana, arial, helvetica;
font-size: 18px;
font-weight: normal;
}
cite {
font-size: 10px;
font-style: normal;
color: #333;
padding-bottom: 4px;
}]]></b:skin>
</head>
<body>
<div id='rap'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<b:section class='header' id='header-wrap' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blurry Mind (Header)' type='Header'/>
</b:section>
<div id='side2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='HTML6' locked='false' title='BeBook' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='!Cool Links!' type='LinkList'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
<p/>
</div>
<div id='content'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='side'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='HTML2' locked='false' title='SiteMeter' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>�</div>
<b:section class='footer' id='footer'/>
</div><!-- end outer-wrapper -->
</body>
</html> |
ראשי
צ'אט
מצב כלאיים
