Comment modifier le Code HTML de mon blog [Résolu/Fermé]

Signaler
Messages postés
2
Date d'inscription
vendredi 19 février 2010
Statut
Membre
Dernière intervention
20 février 2010
-
Messages postés
2
Date d'inscription
vendredi 19 février 2010
Statut
Membre
Dernière intervention
20 février 2010
-
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

2 réponses

Messages postés
22962
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
4 juillet 2020
2 065
ç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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63035 internautes nous ont dit merci ce mois-ci

Messages postés
1
Date d'inscription
mercredi 30 décembre 2009
Statut
Membre
Dernière intervention
19 février 2010
1
Ajouter une colonne à gauche d'un blog existant (Blogger)

Modèle de blog à 3 colonnes (Blogger)
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63035 internautes nous ont dit merci ce mois-ci

Messages postés
2
Date d'inscription
vendredi 19 février 2010
Statut
Membre
Dernière intervention
20 février 2010

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