Planète Cartables: Trucs et astuces informatiques

Accueil » L'école au quotidien » Trucs et astuces informatiques » Thingamablog

Montrer : Messages du jour :: Voir les sondages :: Navigateur de messages
Envoyer par courriel à un ami

Thingamablog [message n° 298537]

dim. 18 novembre 2007 10:25

isabelle

messages : 2773
Inscrit(e) : juillet 2004
Métier : CP-CE1, directrice 7 classes + ULIS

Ma collègue a créé un blog pour notre école. Nous essayons de l'étoffer peu à peu, mais elle a un souci : elle n'arrive pas à mettre en page correctement, la moitié du texte est cachée...
Alors est-ce que certains utilisent ce logiciel et ont trouvé comment faire ? Et du coup, pourriez-vous nous dire quelle manip' nous devons faire ?
Merci !

Ah, pour se rendre compte, voilà l'adresse : http://ecolechoux.free.fr/

ISABELLE
http://pinterest.com/scoubidou045/
Gigatribe : scoubidou045

Rapporter un message au modérateur

Envoyer un message privé à cet utilisateur

Re: Thingamablog [message n° 298554 est une réponse au message n° 298537]

dim. 18 novembre 2007 11:01

paulo

messages : 1292
Inscrit(e) : juillet 2006

Télécharge cette extension pour Firefox :
http://chrispederick.com/work/web-developer/
http://www.framasoft.net/article3825.html

Une fois l'extension installée, tu pourras jouer sur la feuille de style
et constater les changements induits en direct.
Tu n'auras plus qu'à enregistrer le fichier et à le retransférer sur le
serveur.

L'extension installe une barre d'outils dans Firefox.
Tu ouvres une page de ton blog et tu cliques sur l'icône CSS/Edit CSS.
Un champ d'édition que tu peux agrandir s'ouvre en bas de la page.
Tu modifies une valeur et tu observes les modifications en direct.

Je viens de découvrir ça parce que justement je suis en train de bosser
sur un des blogs que je gère. Si j'ai un peu de temps je jetterai un il
sur le tien.

Rapporter un message au modérateur

Re: Thingamablog [message n° 298564 est une réponse au message n° 298537]

dim. 18 novembre 2007 11:29

isabelle

messages : 2773
Inscrit(e) : juillet 2004
Métier : CP-CE1, directrice 7 classes + ULIS

Merci paulo !

ISABELLE
http://pinterest.com/scoubidou045/
Gigatribe : scoubidou045

Rapporter un message au modérateur

Re: Thingamablog [message n° 298614 est une réponse au message n° 298537]

dim. 18 novembre 2007 14:37

paulo

messages : 1292
Inscrit(e) : juillet 2006

Dans la feuille de style, tu changes la valeur "top" dans la section :

#links {
     background-color: #fff;
     border-left: 1px dotted #668;
     padding: 10px;				
     position: absolute;
     top: 165px;
     right: 0px;
     width: 209px;
}

et la valeur "height" dans la section :

#banner {
     height: 65px;
     padding: 10px 0 0 15px;
}

Rapporter un message au modérateur

Re: Thingamablog [message n° 299042 est une réponse au message n° 298614]

lun. 19 novembre 2007 20:37

paulo

messages : 1292
Inscrit(e) : juillet 2006

L'extension de Firefox permet de faire des essais (et d'observer les modifications induites) mais pas de les enregistrer.
Il faut enregistrer le code ci-dessous dans un simple fichier texte que tu nommes styles-site.css et que tu uploades à la racine de ton site avec un logiciel de trannsfert ftp (et tu écrases l'ancienne version).

code actuel : http://ecolechoux.free.fr/styles-site.css

body, table {
    font-family: verdana, helvetica;
}

body {
    background-color: #fff;
    margin: 0px;
    padding: 0px;
}

a 		{ color: #668; text-decoration: none; font-weight:normal; } 
a:link		{ color: #668; } 
a:visited	{ color: #668; } 
a:active	{ color: #334; } 
a:hover		{ color: #334; }

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
}

#banner, #banner-commentspop {
    background-color: #ddf;
    border-bottom: 1px dotted #668;
}

#banner {
    height: 110px;
    padding: 10px 0 0 15px;
}

#banner-commentspop {
    font-size: x-large;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    margin-bottom: 10px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
    color: #000;
    font-size: xx-large;
    font-weight: bold;
    text-decoration: none;
}

#banner .description {
    color: #668;
    font-family: times, serif;
    font-size: large;
    font-style: italic;
    font-weight: bold;
    margin-left: 10px;
}	

#content {
    margin-right: 230px;
    border-right: #668 dotted 1px;
}

#container {
    margin: 10px;
}

#links {
    background-color: #fff;
    border-left: 1px dotted #668;
    padding: 10px;				
    position: absolute;
    top: 121px;
    right: 0px;
    width: 209px;
}

body > #links {
    width: 210px;
}

.blog {
    padding: 10px;
    margin-bottom: 10px;
}	


.blogbody {
    color: #666;
    font-size: small;
    font-weight: normal;
    background: #fff;
    line-height: 140%;			
    margin-left: 15px;
    margin-bottom: 10px;
    padding: 5px;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited {
    border-bottom: 1px dotted #334;
}
.blogbody a:active,
.blogbody a:hover {
    border-bottom: 1px solid #668;
}

.title	{ 
    color: #668; 	
    font-family: verdana, helvetica, sans-serif;
    font-size: normal; 
}			

#menu {
    background: #fff;
    font-size: small;
    text-align: left;  							
}		

.date	{ 
    color: #444; 
    font-size: small; 
    font-weight: bold;
    margin-bottom: 5px;
}			

.posted	{ 
    color: #666; 
    font-size: x-small; 
    font-style: italic;
    margin-top: 8px;
}


.calendar {
    font-size: x-small;
    font-weight: normal;
    line-height: 140%;
    padding: 2px;
    text-align: center;	
}

div.calendar {
    padding: 3px;
}

div.calendar table {
    width: 100%;
}

.calendarhead {	
    background: #ddf;
    border: #9c9 dotted 1px;
    color: #668;
    font-size: x-small;
    font-weight: bold;
    line-height: 140%;
    padding: 2px;					
    width: 100%;
}	

.side {
    color: #333;
    font-size: x-small;
    font-weight: normal;
    line-height: 140%;
    padding: 3px 7px;				
}	

.sidetitle {
    background-color: #ddf;
    border: 1px dotted #9c9;
    color: #668;
    font-size: x-small;
    font-weight: bold;
    padding: 2px;
    margin-top: 10px;
    letter-spacing: .3em;
    text-align:center;		  					
}		

.syndicate {
    font-size: x-small;
    font-weight: bold;		
    padding: 2px;
    margin-top: 10px;
    text-align: center;
}	

.powered {
    font-size: x-small;
    font-weight: bold;
    line-height:140%;
    margin-top: 10px;
    padding:2px;
    text-align:center;
}	


.comments-body {
    color: #666;
    font-size: small;
    font-weight: normal;
    line-height:140%;
    margin-left: 15px;
    margin-bottom: 5px;
    padding: 10px;
}		

.comments-post {
    color: #888; 
    font-size: x-small; 
    font-style: italic;
    margin-top: 3px;
    text-align: right;
}	

.trackback-url {
    color:#666;
    font-size:small;
    font-weight:normal;
    background: #fff;
    line-height: 140%;
    padding: 5px;	
}

.trackback-body {
    color:#666;
    font-size: small;
    font-weight: normal;
    line-height: 140%;
    padding-bottom: 10px;
    padding-top: 10px;		
}		

.trackback-post {
    color: #666;
    font-size: x-small;
    font-weight: normal;
    background: #fff;		
}

.comments-head	{ 
    color: #444; 
    font-size: small; 
    font-weight: bold;
    font-size: small; 
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px;
}

Rapporter un message au modérateur

Re: Thingamablog [message n° 299304 est une réponse au message n° 298537]

mar. 20 novembre 2007 14:13

isabelle

messages : 2773
Inscrit(e) : juillet 2004
Métier : CP-CE1, directrice 7 classes + ULIS

Ah ! C'est drôlement mieux !! Merci !

ISABELLE
http://pinterest.com/scoubidou045/
Gigatribe : scoubidou045

Rapporter un message au modérateur

Fil précédent :	Carte avec des liens
Fil suivant :	Help ! Télécharger et graver musique sur CD

Aller au forum :

-=] Retour en haut de la page [=-

[ Publier ce forum (XML) ] [

]

Heure actuelle : ven. 12 sept. 04:48:06 2025