Déjà inscrit au forum ? ( Mot de passe perdu / Mail de validation non reçu ) :


LIVRES D\'OR
AK


Site/blog

160 messages

posté le 2009-11-24 à 14:57:16

Je n'arrive pas à inserer un livre d'or dans mon blog que j'aimerais mettre entre Forum et Newsletter.
Comment je dois procéder pour y arriver ?
merci de vos réponses...
AK

simon


Site/blog

2960 messages

posté le 2009-11-24 à 15:50:34



Il faut regarder dans les tutos de NANA.
[lien]


Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




PapyClic


Site/blog

6939 messages

posté le 2009-11-24 à 16:12:52

AK, ,

Pas possible d'insérer le livre d'or entre Forum et Newsletter, en gestion il faut mettre le code :
VOTRE BLOG
Bordures de page
bordure gauche/droite

et le livre d'or s'affichera en-dessous du menu après les stats.

Bonne continuation



Nana


Site/blog

20342 messages

posté le 2009-11-24 à 17:40:32

AK, ,

je pense que oui il peut en calculant bien , en visant pile poil par cette méthode et en changeant les valeurs de top et left. Ceci n'est qu'un exemple :

<DIV style="LEFT: 35px; POSITION: absolute; TOP: 749px; BACKGROUND-COLOR: transparent"><A HREF="http://www.swisstools.net/guestbook.asp?numero=XXXXXX"><img src="http://Adresse image livre d'or.gif"></A></DIV>


PapyClic


Site/blog

6939 messages

posté le 2009-11-24 à 18:39:51

Kikou

Je veux voir le résultat lors de rajout de catégories dans le menu, il faut changer à chaque fois la valeur du top Puis il faut mettre la hauteur de l'image du livre d'or comme espace entre les modules, une marge extérieure haute de la partie "Menu > titre".
Mais je suis ouvert à toutes propositions.
Je vais voir avec les nouvelles possibilités de présentation.



Nana


Site/blog

20342 messages

posté le 2009-11-24 à 18:48:23


il faut changer à chaque fois la valeur du top Puis il faut mettre la hauteur de l'image du livre d'or comme espace entre les modules, une marge extérieure haute de la partie "Menu > titre".

Ahhhhhhhhhhhhhhhh ben oui ! mais faut savoir ce qu'on veut !!!
en tous les cas je peux te dire que c'est faisable


PapyClic


Site/blog

6939 messages

posté le 2009-11-24 à 18:59:27

... suite

Nouveau pour créer l'espace entre forum et newsletter, ajouter ce code au CSS :

#menu_newsletter {margin-top : 100px;}

la valeur 100px est en exemple, il faut mettre la hauteur de l'image du livre.

Reste le problème de bien déterminer la valeur de top et de prévoir le changement de cette valeur en cas de création de catégories articles, photos ou forum.

Une possibilité de mettre des valeurs fixes aux menu des modules : articles, photos et forum et en ajoutant la barre de défilement.
... à suivre





PapyClic


Site/blog

6939 messages

posté le 2009-11-24 à 19:34:52

... suite


Une possibilité de mettre des valeurs fixes aux menu des modules : articles, photos et forum et en ajoutant la barre de défilement.

#menu_articles ul{height:200px; overflow:auto;}
#menu_photos ul{height:150px; overflow:auto;}
#menu_forum ul{height:100px; overflow:auto;}

les valeurs de height sont des exemples à vous de voir la dimension qui vous convient le mieux.

Voilà du CSS à essayer, à vos claviers.

Bonne soirée



simon


Site/blog

2960 messages

posté le 2009-11-25 à 20:09:22

papyclic
voici mon css model 5:

j'ai crée l'espace mais je ne sais pas comment inserer mon image "livre d'or".
Je pense qu'il faut creer une ligne......SOUS #menu_newsletter {margin-top : 150px;}



#head {
background: url() no-repeat;
height: 230px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#menu_newsletter {margin-top : 150px;}




#menu_haut {
border-top: 1px solid #415680;
width: 980px;
padding: 0 0 0 0;
margin: -30px 0 0 0;
float: left;
}





Je ne sais pas si c'est possible dans les models de base.

Merci de tes conseils.


Dernière modification le 25-11-2009 à 20:13:26

Dernière modification le 25-11-2009 à 20:26:50

Dernière modification le 25-11-2009 à 20:30:56

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




PapyClic


Site/blog

6939 messages

posté le 2009-11-25 à 23:36:46



Je vois ton menu_gauche à droite, pourtant l'attribut float:left devrait le mettre à gauche ???
Comme dans rubriques float:right le corps de la page passe en dessous du menu.
Si tu veux mettre rubriques à gauche, essaies en mettant, float:left.

Donc j'ai que tu avais fait la place pour le livre d'or.
Dans la bordure gauche/droite, le code de la bannière B4E et le livre d'or sont dans un seul paragraphe, il faut faire un paragraphe pour la bannière et une DIV pour le code du livre d'or.
Dans la balise <div> du livre d'or il faut mettre le style de positionnement...

<div style="width:150px; position:absolute; top:700px; right:20px;"> code livre d'or </div>

J'ai mis 700px comme valeur pour top tu modifiera selon où le paragraphe se placera en - ou + c'est au pif !!!
Pour right j'ai mis 20px, la DIV avec une largeur de 150px l'addition 20+150=170 largeur du menu, pour la présentation.

Je ne te garantis pas le résultat car je ne l'ai jamais fait, ce sera un coup d'essai, pourquoi pas un coup de maître.






simon


Site/blog

2960 messages

posté le 2009-11-26 à 20:13:16



<div style="width:150px; position:absolute; top:700px; right:20px;"> code livre d'or </div>
<A href="http://www.swisstools.net/guestbook.asp?numero=115838" target=_blank><IMG style="MARGIN-RIGHT: 5px" align=centrer src="http://www.blog4ever.com/blogfichiers/192458/boximages/192458081231120710.gif" width=130></A></FONT></P>


Voici ce que j'ai mis dans la bordure mais ça ne marche pas.


J'ai crée un espace entre photos et newsletter et je ne vois pas comment l'inserer.
Je ne sais pas s'il faut rajouter une ligne dans le css, sous "#menu_newsletter {margin-top : 150px;} "
genre background....mais ça me semble impossible.

Le mieux serait de créer un article avec l'image cliquable de mon livre d'or et de lui donner un poids pour qu'il reste en bas de la liste des articles.

En tout cas merci

PS: regardes là je fait de la PUB [lien]

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




PapyClic


Site/blog

6939 messages

posté le 2009-11-26 à 22:56:09

, AK et les autres

, dans ton code tu as mis la balise de fermeture </div>
avant le code du livre d'or.

Tu enlèves le livre d'or dans les articles...

Je te mets le code à coller dans la bordure gauche/droite :

<div align="center" style="width:180px; position:absolute; top:1310px; left:20px;">
<a target="_blank" href="http://www.swisstools.net/guestbook.asp?numero=115838">
<img align="centrer" width="110" src="http://www.blog4ever.com/blogfichiers/192458/boximages/192458081231120710.gif" style="margin-right: 2px;"/>
</a>
</div>


Si tu rajoutes/enlèves des catégories dans les modules articles et photos, il faudra changer la valeur top:1310px

Au passage tu as oublié px, voir en gras ci-dessous :
#rubriques {
width: 730px;
margin: 10px 10px 0 200px;
padding: 0 5px 0 5px;
border:
}

C'est qui va être contente et je la remercie pour m'avoir booster à chercher.

à toi pour la pub sur ton blog, c'est sympa.

Bonne continuation




simon


Site/blog

2960 messages

posté le 2009-11-27 à 11:22:58



Si tu rajoutes/enlèves des catégories dans les modules articles et photos, il faudra changer la valeur top:1310px


En tout cas pour l'instant j'ai mis le livre d'or en place . Reste à regler la hauteur de l'espace que j'ai laissé à 100px mais c'est un détail.


Je cherche mais ne sais plus comment remettre la partie page qui est completement décalée en bas (voir mon blog)
car en insérant le livre d'or cela a fait descendre tout le contenu de la page d'acceuil.
Merci

Dernière modification le 27-11-2009 à 11:40:53

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




PapyClic


Site/blog

6939 messages

posté le 2009-11-27 à 11:56:26



Ton décalage du contenu c'est l'histoire de la marge extérieure gauche du menu vertical, dans ton CSS du modèle il faut mettre comme ci-dessous en gras :

#menu_gauche {
float: left;
margin: 10px 0 10px 200px;
padding: 0 0 0 0;
width: 170px;
}

html > body #menu_gauche {
float: left;
margin: 10px 0 10px 200px;
}

tu peux peut-être mettre un peu moins à voir le résultat.

Pour le livre d'or tu mets le top à 1330px d'après ce que je vois et tu rajustes pour la hauteur de l'emplacement.

Bonne journée




simon


Site/blog

2960 messages

posté le 2009-11-27 à 12:26:59



#menu_gauche {
float: left;
margin: 10px 0 10px 200px;
padding: 0 0 0 0;
width: 170px;
}

html > body #menu_gauche {
float: left;
margin: 10px 0 10px 200px


Si je fait ça , le menu s'en va à droite.
Mais la page qui demarre par le lecteur musique est décalée en bas.
Merci de ton aide car je ne vois pas ce qu'il faut changer pour remettre la page en face de la colonne menue.

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




simon


Site/blog

2960 messages

posté le 2009-11-27 à 14:52:04

papyclic

J'ai réglé le problème en mettant :

#menu_gauche {
float: left;
margin: 10px 0 -2500px 10px;
padding: 0 0 0 0;
width: 170px;
}

html > body #menu_gauche {
float: left;
margin: 10px 0 -2500px 10px;
}


regardes si cela te semble logique.
Merci

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




simon


Site/blog

2960 messages

posté le 2009-11-27 à 15:07:02

,

à vous deux d'avoir insisté pour ce livre d'or.

Même si je ne garde pas définitivement le livre à cette place, cela m'aura appris quelque chose de plus.



J'ai donc inséré dans le model 5 la phrase

#menu_newsletter {margin-top : 100px;}

Puis corrigé le décalage de la page d'acceuil en modifiant:

#menu_gauche {
float: left;
margin: 10px 0 -2500px 10px;
padding: 0 0 0 0;
width: 170px;
}

html > body #menu_gauche {
float: left;
margin: 10px 0 -2500px 10px;
}

et dans les bordures gauche/droite:
<*div align="center" style="width:160px; position:absolute; top:1335px; left:20px;">
ect.......adresse du livre.....















Dernière modification le 27-11-2009 à 15:29:08

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




PapyClic


Site/blog

6939 messages

posté le 2009-11-27 à 15:27:15

...

Je me suis complétement planté ce matin en voulant faire vite... c'est l'âge... il faut mieux en rire que

Pourquoi j'ai mis #menu_gauche ??? c'était "rubriques" que je voulais modifier, pour faire remonter tout le contenu, en plus dans ce modèle il y a float:right donc j'avais tout faux.
Ce que tu as fait, ça fonctionne, mais ce n'est pas très logique, je vais revoir ma copie et je te tiendrai au courant.
J'avais d'ailleurs bien mis la règle pour le #rubriques dans un message précédent :
#rubriques {
width: 730px;
margin: 10px 10px 0 200px;
padding: 0 5px 0 5px;
border:
}

Donc il y a autre chose qui empêche de remonter, à voir.





simon


Site/blog

2960 messages

posté le 2009-11-27 à 15:51:32



#rubriques {
width: 730px;
margin: 10px 10px 200px;
padding: 0 5px 0 5px;
border:
}

j'ai enlevé le "0" devant 200px
J'ai remis :

#menu_gauche {
float: left;
margin: 10px 0 0px 10px;
padding: 0 0 0 0;
width: 170px;
}

html > body #menu_gauche {
float: left;
margin: 10px 0 0px 10px;
}


ma page semble bien.
@+

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




PapyClic


Site/blog

6939 messages

posté le 2009-11-27 à 17:35:22



Oui ta page est bien sauf le livre d'or sur FF3, ilest sur "Diaporama" et sur IE8 il est un peu sur "Newsletter"...
Donc il faudrait augmenter la hauteur de l'espace et augmenter la valeur du top, je pense que ça le placerai mieux.

Ce n'est pas grave si tu ne le laisses pas à cet emplacement mais je vais faire des articles sur DizTest sur cette procédure et d'autres possibilités pour la déco Noël. Si tu veux, je ferai un lien pour faire voir ce que tu as fait.

Pour l'attribut margin ne changes pas mais les valeurs sont mises dans le sens de aiguilles d'une montre...
haut droite bas gauche et c'est le même système pour padding.
On peut mettre :
1 valeur : les 4 marges sont égales
2 valeurs : marges haut et bas ./. marges droite et gauche
3 valeurs : marges haut et bas / marge droite / marge gauche

pour les 3 valeurs je n'en suis pas certain, il faut vérifier mais comme ça fonctionne sur ton blog, pourquoi pas.

Je suis désolé, tu as certainement perdu du temps avec mon erreur mais avec persévérance on arrive toujours.

Bonne soirée



simon


Site/blog

2960 messages

posté le 2009-11-27 à 18:40:38



<div align="center" style="width:160px;position:absolute; top:1338px; left:20px;">
<a target="_blank" href="http://www.swisstools.net/guestbook.asp?numero=115838">
<img align="centrer" width="100" src="http://www.blog4ever.com/blogfichiers/192458/boximages/192458081231120710.gif" style="margin-right: 2px;"/>
</a>
</div>


Cette côte de 1338px est très "pointue" et il faut tâtonner pour avoir le centrage.Je pense que la valeur "position:absolute;doit garantir la position du livre d'or mêmee si on enlève ou rajoute un article.



Donc il faudrait augmenter la hauteur de l'espace et augmenter la valeur du top, je pense que ça le placerai mieux.

En effet j'ai modifié ces valeurs et tu pourras voir que mon livre est bien centré.

Ce n'est pas grave si tu ne le laisses pas à cet emplacement mais je vais faire des articles sur DizTest sur cette procédure et d'autres possibilités pour la déco Noël. Si tu veux, je ferai un lien pour faire voir ce que tu as fait.


Je te fais confiance pour mettre ces infos et pas de problème pour le lien puisque je laisse le livre en place.


Je suis désolé, tu as certainement perdu du temps avec mon erreur mais avec persévérance on arrive toujours

Ce n'est pas grave car c'est en forgeant qu'on devient forgeron....et lorsque tu fais une erreur moi j'en fait 100.
pour ton aide

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




simon


Site/blog

2960 messages

posté le 2009-11-28 à 10:30:52



Ce matin je trouve la page décalée et je fait ceci:

#menu_gauche {
float: left;
margin: 10px 0 -2300px 10px;
padding: 0 0 0 0;
width: 170px;
}

html > body #menu_gauche {
float: left;
margin: 10px 0 -2300px 10px;
}


Pour tout remettre en ordre.

A suivre....

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron




PapyClic


Site/blog

6939 messages

posté le 2009-11-28 à 11:05:17



Oui j'ai vu, cette nuit tout était en bas, j'ai regardé pour essayer de comprendre, voilà ce que j'ai trouvé d'anormal et qui aurait pu engendrer ton problème.

Dans cette règle en gras ...
#head {<meta name="verify-v1" content="KN+ZOXl7O9SswQTr4oth2A7Anc3/xQ1ThX72kPjF5kw=" />
background: url() no-repeat;
height: 230px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

c'est une balise qui est placée automatiquement(par la procédure Google Webmasters) dans le HEAD des pages, mais en HTML pas en CSS, donc je l'ai retirée mais sans un meilleur résulttat.

Dans la bordure gauche/droite également, petites erreurs de balises HTML, il manque soit un balise d'ouverture ou une balise de fermeture de paragraphe.
EX:

<p> texte contenu du paragraphe</p>


Là aussi aucune amélioration... un grand mystère ???

Ce matin je vois que tu as remis des sauvegardes car tout est encore dans ton code.

Je suis content que ton blog se présente bien mais je persiste que pour le menu la marge extérieure basse avec -2300px n'est pas logique, il y a autre chose. J'ai fait un test sur mon disque dur avec les marges normales la présentation est bonne, donc c'est un mystère. Et je suis certain que ce n'est pas le rajout du "Livre d'or" qui crée ce problème.

Voilà je ne touche plus à rien, peut-être qu'une idée viendra éclairer ma lanterne.
pour le sujet ouvert avec le lien sur ce sujet.

Bonne continuation







Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie



Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.

Recommander ce blog | Contacter l'auteur | Reporter un abus | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs