Aide HTML pour template blogger
Résolu/Fermé
A voir également:
- Aide HTML pour template blogger
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- &Nbsp html - Forum HTML
- Balise </br> - Forum HTML
- Espace html ✓ - Forum HTML
6 réponses
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
29 déc. 2012 à 19:56
29 déc. 2012 à 19:56
pour les écarts entre colonne/bloc , tu peut influer sur le css de ton template en utilisant la propriété "margin"
ensuite, la sorte de "vague" que tu vois en séparation est une image
a l'oeil, je dirai que les <div> ont (en CSS) un background de couleur, un background-image positionné, un peu de padding a gauche et droite
pour revenir sur ta premiere demande, le plus simple est 2 faire tes 2 colonnes en <div> utilisé comme conteneur et ensuite y insérer les <div> contenant tes "articles/info/etc..."
ensuite, la sorte de "vague" que tu vois en séparation est une image
a l'oeil, je dirai que les <div> ont (en CSS) un background de couleur, un background-image positionné, un peu de padding a gauche et droite
pour revenir sur ta premiere demande, le plus simple est 2 faire tes 2 colonnes en <div> utilisé comme conteneur et ensuite y insérer les <div> contenant tes "articles/info/etc..."
Utilisateur anonyme
29 déc. 2012 à 20:40
29 déc. 2012 à 20:40
"Pour revenir sur ta premiere demande, le plus simple est 2 faire tes 2 colonnes en <div> utilisé comme conteneur et ensuite y insérer les <div> contenant tes "articles/info/etc...""
C'est à dire? Car niveau div moi j'ai que ça :
C'est à dire? Car niveau div moi j'ai que ça :
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Unicorns&amp;Monsters ? (en-tête)' type='Header'/> </b:section> </div> <!--#header wrapper--> <div class='clear'/> <div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </div> <div id='main-wrapper'> <div id='slider'> </div> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Messages du blog' type='Blog'/> </b:section> </div> <div id='sidebar-wrapper'> <div class='clear'/> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML1' locked='false' title='About me' type='HTML'/> <b:widget id='HTML2' locked='false' title='Fashiolista' type='HTML'/> <b:widget id='Followers1' locked='false' title='Followers' type='Followers'/> <b:widget id='Attribution1' locked='true' title='' type='Attribution'/> </b:section> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> <!-- end content-wrapper --> <!-- Cool Breeze blogger theme comes under a Creative Commons license. They are free of charge to use as a theme for your blog and you can make changes to the templates to suit your needs. and please you must keep the footer credit links intact which provides credit to its authors. --> <div id='credits'> <div id='credits_left'> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> <a href='mailto:netbitsblog@gmail.com'>BUY A LINK HERE</a> </div> <div id='credits_right'> <a href='http://loggd.in'>Free Blogger Template</a> by <a href='http://loggd.in'>Loggd.In</a> </div> </div> </div> <!-- end outer-wrapper -->
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
29 déc. 2012 à 20:55
29 déc. 2012 à 20:55
lol, les code html sans les CSS c'est un peu compliqué à positionner de tete ...
en fait je veux dire :
Eventuellement le conteneur général de ton site (pas obligatoire mais fortement conseillé)
ton header, peut etre un espace dessous pour un slider, ...
Ta page a propre dis avec une colonne a gauche qui contient la majorité de ton article/contenu et une colonne a droite (moins large mais aussi haute) ou là tu viens placé tes boites. Un petit margin-right (ou left selon la colonne) et tu les écartes.
Ensuite sur tes boites, un margin-bottom et tu créez cet espace entre chaque
ensuite ton footer
est ce que je suis compréhensible .............................
en fait je veux dire :
Eventuellement le conteneur général de ton site (pas obligatoire mais fortement conseillé)
ton header, peut etre un espace dessous pour un slider, ...
Ta page a propre dis avec une colonne a gauche qui contient la majorité de ton article/contenu et une colonne a droite (moins large mais aussi haute) ou là tu viens placé tes boites. Un petit margin-right (ou left selon la colonne) et tu les écartes.
Ensuite sur tes boites, un margin-bottom et tu créez cet espace entre chaque
ensuite ton footer
est ce que je suis compréhensible .............................
Utilisateur anonyme
7 janv. 2013 à 17:24
7 janv. 2013 à 17:24
Désolée pour le retard,
J'ai tout retourné et je n'y suis pas arrivée, tant pis j'ai réussi à lui donner une apparence plus ou moins jolie !
Je te remercie d'avoir essayé :)
J'ai tout retourné et je n'y suis pas arrivée, tant pis j'ai réussi à lui donner une apparence plus ou moins jolie !
Je te remercie d'avoir essayé :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
7 janv. 2013 à 17:47
7 janv. 2013 à 17:47
tu poste pile quand je regarde le site, lol
Si tu veux j'ai, sur mon site, quelque exemple de mise en place de bloc qui vont peut etre te donner un appui pour modifier l'apparence de ton site, en comparant ou regardant les codes.
il n'y en as pas beaucoup mais tu devrait réussir à arriver à ton but, sinon tu me recontacte pour me dire ou ça bloque et je verrai si je peux t'apporter un peu d'aide
Si tu veux jeter un oeil :
http://www.dbmwebdesign.fr/Z-Ressources/Structure-de-base/library.html
le modèle 3 est celui qui s'approche le plus de ce que tu recherche
Si tu veux j'ai, sur mon site, quelque exemple de mise en place de bloc qui vont peut etre te donner un appui pour modifier l'apparence de ton site, en comparant ou regardant les codes.
il n'y en as pas beaucoup mais tu devrait réussir à arriver à ton but, sinon tu me recontacte pour me dire ou ça bloque et je verrai si je peux t'apporter un peu d'aide
Si tu veux jeter un oeil :
http://www.dbmwebdesign.fr/Z-Ressources/Structure-de-base/library.html
le modèle 3 est celui qui s'approche le plus de ce que tu recherche