Résolu Template Beez, modifier la position de : Taille du texte : +Augmenter, ect...

Plus d'informations
08 Oct 2009 19:46 - 11 Oct 2009 20:51 #1 par yw22
Bonsoir à toutes et à tous,

Comment puis-je déplacer ces commandes, par exemple à gauche de "recherche". Je débute en html et css et j'ai ouvert les fichiers layout.css, position.css sans vraiment voir ou agir pour effectuer un déplacement.

Mon but est de comprendre les ficelles de ce template, j'avance gentiment et je créé un tuto au fur à mesure de mes découvertes.

Ensuite selon mon habitude je mets mes travaux à disposition sur mon site perso www.ywinfo38.com . Ces tutos s'adressent aux débutants comme moi, ils ont l'avantage d'êtres abondamment illustrés.

Merci par avance pour votre aide.

Cordialement.

yw22
Dernière édition: 11 Oct 2009 20:51 par yw22.

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
08 Oct 2009 20:29 #2 par lavsteph
Bonsoir,

n'étant pas un spécialiste en template et css, je ne vais que t'aiguiller sur la fonction qui est présente dans l'index.php du template Beez
<div id="fontsize">
<script type="text/javascript">
//<![CDATA[
document.write('<h3><?php echo JText::_('FONTSIZE'); ?></h3><p class="fontsize">');
document.write('<a href="index.php" title="<?php echo JText::_('Increase size'); ?>" onclick="changeFontSize(2); return false;" class="larger"><?php echo JText::_('bigger'); ?></a><span class="unseen">&nbsp;</span>');
document.write('<a href="index.php" title="<?php echo JText::_('Decrease size'); ?>" onclick="changeFontSize(-2); return false;" class="smaller"><?php echo JText::_('smaller'); ?></a><span class="unseen">&nbsp;</span>');
document.write('<a href="index.php" title="<?php echo JText::_('Revert styles to default'); ?>" onclick="revertStyles(); return false;" class="reset"><?php echo JText::_('reset'); ?></a></p>');
//]]>
</script>
</div>

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
08 Oct 2009 22:16 #3 par yw22
Salut lavsteph,

Merci pour ta réponse, mais cela ne m'avance pas beaucoup, de mon côté j'analyse la page d'accueil avec Firebug qui me montre le code dans les fichiers :
index.php
layout.css
position.css

Je soupçonne que la réponse se trouve dans "text/javascript", qu'en penses-tu ?

Eventuellement connais-tu une personne qui pourrait m'aider ?

Merci par avance pour ton aide.

Cordialement.

yw22

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
09 Oct 2009 19:08 #4 par tramber91
Bonjour

Lavsteph a raison, ;)

la position est conditionné par index.php
Il te faut déplacer ces codes ailleurs car tu veux les placer ailleur ??
D'ailleur ou ? :silly:

Attention un template est un tout surtout si on touche à index php

pour le déplacer légerement il faut jouer sur layout.css
/*  fontsize  */
#fontsize
{
z-index:100;
position:absolute;
top:0;
right:0;
background:#fff;
color:#000;
}
 
#fontsize h3,#fontsize p
{
border:0;
display:inline;
font-size:1em;
}
 
#fontsize p
{
margin:0 0 0 5px;
}
 
#fontsize p a
{
font-weight:bold;
margin:0 5px;
display:inline;
padding:2px 0 2px 24px;
}


mais pas touche au fichier .js :S

@+

Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir ;)
www.en-toutes-lettres.fr - Digital

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
11 Oct 2009 00:00 #5 par yw22
Bonsoir à toutes et à tous,

Merci pour vos réponses, en fait je désire déplacer ces commandes à droite de la commande "recherche...", voir l'image jointe.

Comme je débute en html et css, pouvez-vous me dire quelles sont les instructions que je dois ajouter ou modifier dans les fichiers index.php et layout.css.

J'ai déjà vu (mais pas compris pourquoi) que si je modifie l'instrustion "position:absolute;" en "position:relative:" , les commandes se déplacent sous le header.

J'emploie le site www.aideinfo22.com pour tester les modifs que j'arrive à modifier sur le template Bezz.

Merci par avance pour votre aide.

Amicalement.

yw22

Ce message contient un fichier en pièce jointe.
Veuillez vous connecter ou vous enregistrer pour le consulter.

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
11 Oct 2009 20:49 #6 par yw22
Bonsoir à toutes et à tous,

En modifiant le code position:absolute; en position:relative; dans le fichier layout.css les commandes Augmenter, Diminuer, etc... se déplace sous le headeur et à gauche.

Vous pouvez voir le résultat sur mon site de test www.aideinfo22.com.

/* fontsize */
#fontsize
{
z-index:100;
position:absolute;
top:0;
right:0;
background:#fff;
color:#000;
}


Encore merci pour votre aide.

Amicalement.

yw22

Connectez-vous ou Créer un compte pour participer à la conversation.

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: lavstephtramber91Scottuxserge
Temps de génération de la page : 0.975 secondes