- Home
- Categorie
- Coding e Sistemistica
- Tutti gli altri Gestionali
- sfondo colonna di blogger
-
sfondo colonna di blogger
Scusate io ho un problema però......
A creare la 2 colonna tutto ok però se guardate nel mio blog (zanzara-mannara) la barra di destra come sfondo ha delle righe diagonali
ecco adesso creando la seconda barra a sinistra come sfondo esce bianco come faccio a mettere lo stesso sfondo???????ps:Ho appena rimesso la tabella a sinistra cortesemnte qualcuno mi potrbbe dire come mettere lo sfondo uguale
grazie a tutti
questa è html modificata con la seconda colonna qualcuno mi può dire cosa devo modificare per avere anche lo sfondo a sinistra
<?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 expr:dir='data:blog.languageDirection' 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[/*Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- *//* Variable definitions
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color"
type="color" default="#555544" value="#555544">
<Variable name="pageHeaderColor" description="Blog Title Color"
type="color" default="#ffffee" value="#ffffee">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#ffffee" value="#ffffee">
<Variable name="linkColor" description="Link Color"
type="color" default="#669922" value="#669922">
<Variable name="hoverLinkColor" description="Link Hover Color"
type="color" default="#88bb22" value="#88bb22">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#555544" value="#555544">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#555544" value="#555544">
<Variable name="sidebarTextColor" description="Sidebar Text Color"
type="color" default="#555544" value="#555544"><Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif">
*//* Primary layout */
body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
font-size: small;
}img {
border: 0;
display: block;
}.clear {
clear: both;
}
/* Wrapper */#outer-wrapper {
margin: 0 auto;
border: 0;
width: 912px;
text-align: left;
background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top right repeat-y;
font: $bodyFont;
}/* Header */
#header-wrapper {
background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom left repeat-x;
margin: 0 auto;
padding: 0 0 15px 0;
border: 0;
}text-align: left;
font-size: 200%;
color: $pageHeaderColor;
margin: 0;
padding: 15px 20px 0 20px;
background-image: url(http://www.blogblog.com/moto_son/topper.gif);
background-repeat: repeat-x;
background-position: top left;
}h1 a, h1 a:link, h1 a:visited {
color: $pageHeaderColor;
}font-size: 110%;
text-align: left;
padding: 3px 20px 10px 23px;
margin: 0;
line-height:140%;
color: $blogDescriptionColor;
}/* Inner layout */
#content-wrapper {
padding: 0 16px;
}#main {
width: 400px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE /
overflow: hidden; / fix for long non-text content breaking IE sidebar float */
}#right-sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word;
overflow: hidden;
}#left-sidebar-wrapper {
width: 240px;
float: left;
word-wrap: break-word;
overflow: hidden;
}/* Bottom layout */
#footer {
clear: left;
margin: 0;
padding: 0 20px;
border: 0;
text-align: left;
border-top: 1px solid #f9f9f9;
}text-align: left;
margin: 0;
padding: 10px 0;
background-color: transparent;
}/* Default links */
a:link, a:visited {
font-weight: bold;
text-decoration: none;
color: $linkColor;
background: transparent;
}a:hover {
font-weight: bold;
text-decoration: underline;
color: $hoverLinkColor;
background: transparent;
}a:active {
font-weight : bold;
text-decoration : none;
color: $hoverLinkColor;
background: transparent;
}/* Typography */
.main p, .sidebar p {
line-height: 140%;
margin-top: 5px;
margin-bottom: 1em;
}h2, h3, h4, h5 {
margin: 0;
padding: 0;
}h2 {
font-size: 130%;
}h2.date-header {
color: $dateHeaderColor;
}.post h3 {
margin-top: 5px;
font-size: 120%;
}.post-footer {
font-style: italic;
}.sidebar h2 {
color: $sidebarHeaderColor;
}.sidebar .widget {
margin: 12px 0 13px 0;
padding: 0;
}.main .widget {
margin: 12px 0 0 0 ;
}li {
line-height: 160%;
}.sidebar ul {
margin-left: 0;
margin-top: 0;
padding-left: 0;
}.sidebar ul li {
list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;
vertical-align: top;
padding: 0;
margin: 0;
}.widget-content {
margin-top: 0.5em;
}/* Profile
----------------------------------------------- */.profile-datablock {
margin: 3px 0 5px 0;
line-height: 140%;
}
.profile-textblock {
margin-left: 0;
}.profile-img {
float: left;
margin: 0 5px 5px 0;
border:4px solid;}
#comments {
border: 0;
border-top: 1px dashed #eed;
margin: 10px 0 0 0;
padding: 0;
}margin-top: 10px;
margin-bottom: -10px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
}font-weight: bold;
font-style: italic;
margin-top: 35px;
padding: 1px 0 0 18px;
background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top left no-repeat;
}padding: 0;
margin: 0;
}.deleted-comment {
font-style:italic;
color:gray;
}.feed-links {
clear: both;
line-height: 2.5em;
}#blog-pager-newer-link {
float: left;
}text-align: center;
}/** Page structure tweaks for layout editor wireframe */
body#layout {
padding-top: 0;
}
body#layout,
body#layout,
body#layout {
padding: 0;
}
]]></b:skin>
</head><body>
<div id='outer-wrapper'><div id='wrap2'><!-- 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> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Zanzara Mannara (Intestazione)' type='Header'/>
</b:section>
</div><div id='content-wrapper'>
<div id='left-sidebar-wrapper'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Label2' locked='false' title='Categorie' type='Label'/>
</b:section>
</div><div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </div> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'/>
</b:section>
</div><div id='right-sidebar-wrapper'>
<b:section class='sidebar' id='right-sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivio blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Categorie' type='Label'/>
<b:widget id='HTML3' locked='false' title='Statistiche' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Siti Amici' type='LinkList'/>
<b:widget id='Text1' locked='false' title='Linkami' type='Text'/>
<b:widget id='Poll1' locked='false' title='Secondo Te Questo Blog Vincerà il seo contest ???' type='Poll'/>
<b:widget id='HTML1' locked='false' title='Sponsor' type='HTML'/>
<b:widget id='VideoBar1' locked='false' title='Video Divertenti' type='VideoBar'/>
</b:section>
</div><!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <div id='footer-wrapper'> <b:section class='footer' id='footer'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div></div></div> <!-- end outer-wrapper -->
</body>
</html>
-
Vai nella sezione:
#outer-wrapper {
margin: 0 auto;
border: 0;
width: 912px;
text-align: left;
background: $mainBgColor url(http://www.blogblog.com/moto_son/innerwrap.gif) top right repeat-y;
font: $bodyFont;
}
E sostituisci l'URL del background con questo:
http://img440.imageshack.us/img440/5435/innerwrapmw7.gifCancellando top right
Ora hai lo stesso sfondo per tutte e 2 le colonne
-
Scusate io ho un problema però......
A creare la 2 colonna tutto ok però se guardate nel mio blog (zanzara-mannara) la barra di destra come sfondo ha delle righe diagonali
ecco adesso creando la seconda barra a sinistra come sfondo esce bianco come faccio a mettere lo stesso sfondo???????ps:Ho appena rimesso la tabella a sinistra cortesemnte qualcuno mi potrbbe dire come mettere lo sfondo uguale
grazie a tutti
-
Ma non controlli prima di riscrivere??
Ti ho tisposto allo stesso post più sotto
-
Salve dada992, il crossposting è vietato in questo forum: ho unito le due discussioni e la invito a non aprire thread uguali