Comment modifier le Code HTML de mon blog

Résolu
Maugan Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
Maugan Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   - 20 févr. 2010 à 09:41
Bonjour,

Je ne parviens pas à mettre le modèle Tekka de Blogger en 3 colonnes.
Voici de le code HTML de ma page d'accueil :
<?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<a href='/*'>* Tekka
* style modified from glish: http://www.glish.com/css/
*
* Updated by Blogger Team
*/

/* Variable definitions

<Variable name="mainBgColor" description="Page Background Color"
type="color" default="#f5f5f5" value="#f5f5f5">
<Variable name="mainTextColor" description="Text Color"
type="color" default="#000000" value="#000000">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#808080" value="#808080">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#0000ff" value="#0000ff">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#800080" value="#800080">

<Variable name="sidebarBgColor" description="Sidebar Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="sidebarTextColor" description="Sidebar Text Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebarTitleColor" description="Sidebar Title Color"
type="color" default="#000000" value="#000000">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#0000ff" value="#0000ff">
<Variable name="sidebarVisitedLinkColor" description="Sidebar Visited Link Color"
type="color" default="#800080" value="#800080">

<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 135% 'Trebuchet MS', verdana, sans-serif" value="normal normal 144% 'Trebuchet MS', verdana, sans-serif">

<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/

body {
margin-top:0px;
margin-$endSide:5px;
margin-bottom:5px;
margin-$startSide:20px;
font-size: small;
background-color: $mainBgColor;
color: $mainTextColor;
}

#content-wrapper {
margin-top: 5px;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 20px;
}
h1 {
font-size:280%;
padding-$startSide:15px;
text-transform:uppercase;
}
h1 a, h1 a:link, h1 a:visited {
text-decoration:none;
color: $mainTextColor;
}

.description {
text-align: left;
padding-top:30px;
}
h2.date-header {
border-bottom:none;
font-size: 130%;
text-align:$startSide;
margin-top:14px;
margin-bottom:14px;
padding:1px;
padding-$startSide:17px;
color: $dateHeaderColor;
font-weight: normal;
font-family: Trebuchet MS, Verdana, Sans-serif;
}

.post h3 {
font-size: 100%;
font-weight:bold;
}

.post h3 a,
.post h3 a:visited {
color: $mainTextColor;
}

.post {
padding-$startSide:20px;
margin-bottom:20px;
text-indent:10px;
padding-$endSide:20px;
line-height:22px;
}

.post-footer {
margin-bottom:15px;
margin-$startSide:0px;
font-size: 87%;
}

#comments {
margin-$startSide: 20px;
}

.feed-links {
clear: both;
line-height: 2.5em;
margin-$startSide: 20px;
}

#blog-pager-newer-link {
float: $startSide;
margin-$startSide: 20px;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: left;
}

#main {
float:$startSide;
padding-bottom:20px;
padding:0px;
width:67%;
font: $bodyFont;
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 */
}
.sidebar h2 {
font-weight:bold;
font-size: 150%;
color: $sidebarTitleColor;
}

a {
text-decoration:none
}
a:hover {
border-bottom:dashed 1px red;
}

a img {
border: 0;
}

a {
color: $mainLinkColor;
}

a:hover,
a:visited {
color: $mainVisitedLinkColor;
}

#sidebar a {
color: $sidebarLinkColor;
}

#sidebar a:hover,
#sidebar a:visited {
color: $sidebarVisitedLinkColor;
}

#sidebar {
text-transform:none;
background-color: $sidebarBgColor;
color: $sidebarTextColor;
padding-$startSide: 20px;
width: 30%;
float: $endSide;
font: $bodyFont;
border-$startSide:2px dashed $mainTextColor;
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 */
}

.sidebar .widget {
padding-top: 4px;
padding-$endSide: 8px;
padding-bottom: 0;
padding-$startSide: 0;
}

.profile-textblock {
clear: both;
margin-$startSide: 0;
}

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 15px;
margin-bottom: 30px;
margin-$startSide: 0;
}

.clear {
clear: both;
}

.comment-footer {
padding-bottom: 1em;
}</a>]></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='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Gains Job Internet Antidotes au manque d'argent (en-tête)' type='Header'/>
<b:widget id='Blog1' locked='true' title='Messages du blog' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Membres' type='Followers'/>
<b:widget id='Profile1' locked='false' title='Qui êtes-vous ?' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Archives du blog' type='BlogArchive'/>
</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></div> <!-- end outer-wrapper -->
</body>
</html>

J'ai d'après un tutorial rajouter (surement pas au bon emplacement) les éléments suivants :
#right-sidebar-wrapper {

#left-sidebar-wrapper {
width:220 px;
float:left;
word-wrap:break-word;
overflow:hidden;
}

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<div id='right-sidebar-wrapper'>
<b:section class='sidebar’ id=right-sidebar’ preferred=’yes’>
<div id='left-sidebar-wrapper'>
<b:section class='sidebar’ id=left-sidebar’ preferred=’yes’>


De plus il est élastique : le titre couvre l'image</gras> lorsque j'augmente l'ouverture de la fenêtre.
Comment le rendre fixe ? en supprimant le code CSS "float" ?

Voici l'adresse de mon blog : http://gainsjob-internet.blogspot.com/

Merci pour votre aide, car je suis bloquée et je ne peux pas rentrer du contenu dans cette page tant que ma mise en page n'est pas définie et fixe.

Cordialement,
Maugan
A voir également:

2 réponses

Réponse 1 / 2
bg62 Messages postés 23717 Date d'inscription   Statut Modérateur Dernière intervention   2 406
 
ça ne sert à rien d'en mettre une tartine pareille ...
as-tu regardé si tu pouvais au moins ?
les plateformes ... c'est bien , mais ce ne sont pas de vrais sites ou blog au sens pur du terme !
tu travailles pour eux ... alors qu'il existe des foules de script en open source !!!!!
1
Réponse 2 / 2
RVBLOGGER Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   1
 
Ajouter une colonne à gauche d'un blog existant (Blogger)

Modèle de blog à 3 colonnes (Blogger)
1
Maugan Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,
Merci pour votre réponse très claire.
Grace à votre aide, j'ai réussi à rajouter une colonne sur mon blog.
Bonne journée.
Cordialement.
Maugan
0