Aide HTML pour template blogger

Résolu/Fermé
Utilisateur anonyme - 29 déc. 2012 à 18:51
 nabil - 20 janv. 2013 à 12:07
Bonjour,

Plusieurs petites demandes, je n'y connais pas grand chose en HTML mais j'arrive tout de même à m'en sortir plus ou moins.

Tout d'abord je souhaiterai séparer mes articles (à gauche) de la colonne à droite pour créer cet effet : https://thethemefoundry.com/wordpress-themes/
Actuellement, ça ressemble à ça : http://www.imagebam.com/image/ce15d2228998223

Ensuite, je souhaiterai séparer mes articles par une ligne comme sur le template précédent.

Puis, insérer une sorte de vague comme ligne de séparation entre les différents widgets de ma colonne : https://femininethemesdemo.com/?theme=Adelle

J'espère que c'est possible car je désespère. Je n'ai rien trouvé (ou j'ai tapé les mauvais mots clés, au choix).
Je vous remercie.


6 réponses

inspiring
Messages postés
1811
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
267
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..."
0
Utilisateur anonyme
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 :

 <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Unicorns&amp;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'>&#160;</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 -->
0
inspiring
Messages postés
1811
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
267
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 .............................
0
Utilisateur anonyme
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é :)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
inspiring
Messages postés
1811
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
267
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
0
voila mon amie : www.templatepro.tk
0