Image qui remplit le forum en onglet
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image qui remplit le forum en onglet
Coucou a tous,
Mon forum est crée avec des sous forums en onglets.J'ai commencé a y insérer des images,mais ca ne donne pas le rendu que j'esperais.J'aimerai,mais je ne sais pas si cela est possible que l'image du centre prenne tout le cadre,j'ai mis une petite impression ecran :
Est ce possible?Faut il "bidouiller" un code pour que l'image y prenne place?
Bien a vous
Aventurine
Mon forum est crée avec des sous forums en onglets.J'ai commencé a y insérer des images,mais ca ne donne pas le rendu que j'esperais.J'aimerai,mais je ne sais pas si cela est possible que l'image du centre prenne tout le cadre,j'ai mis une petite impression ecran :
- Spoiler:
Est ce possible?Faut il "bidouiller" un code pour que l'image y prenne place?
Bien a vous
Aventurine
Dernière édition par Aventurine le Mer 6 Juil 2011 - 17:51, édité 1 fois (Raison : Merci beaucoup pour votre aide)
Re: Image qui remplit le forum en onglet
Bonjour ^^
Oui c'est tout à fait possible. Il me faudrait votre css et votre index box.
Cordialement.
Re: Image qui remplit le forum en onglet
Oh mais c'est super ca si c'est faisable!!!!!
Voici mon css:
L'index_box:
Merci beaucoup
Voici mon css:
- Code:
/*--- Fonds ---*/
td.row1, td.row1.over:hover {
background-repeat: repeat;
background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
background-position: center;}
td.row2 {
background-repeat: repeat;
background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
background-position: center;}
td.row3, td.row3.over:hover {
background-repeat: repeat;
background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
background-position: center;}
td.row3Right {
background-repeat: repeat;
background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
background-position: center;}
a {text-decoration: none !important;}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
font-size: 11px;
}
.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.postdetails.poster-profile a img { width: 150px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border: 3px solid #000000;
}
L'index_box:
- Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}
{CURRENT_TIME}
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><span class="titrecategorie">{catrow.tablehead.L_FORUM}</span><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</h{catrow.forumrow.LEVEL}>
<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50"><div style="width: 150px">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Merci beaucoup
Re: Image qui remplit le forum en onglet
Bonsoir,
J'ai oublié de vous demander le lien de l'une des images
Cordialement.
Re: Image qui remplit le forum en onglet
je viens d'en heberger une que j'aimerai installer,voici le lien:
- Code:
[URL=http://www.casimages.com][img]http://nsa28.casimages.com/img/2011/07/01/110701094355230818.jpg[/img][/URL]
Re: Image qui remplit le forum en onglet
Bonjour,
Remplacez votre css par celle ci:
L'image est trop petite, on peut toujours la centrer mais ca ne changera pas grand chose.
Cordialement.
Remplacez votre css par celle ci:
- Code:
/*--- Fonds ---*/
td.row1, td.row1.over:hover {
background-repeat: repeat;
background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
background-position: center;}
td.row2 {
background-repeat: repeat;
background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
background-position: center;}
td.row3, td.row3.over:hover {
background-repeat: repeat;
background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
background-position: center;}
td.row3Right {
background-repeat: repeat;
background-image: url('http://img696.imageshack.us/img696/1395/blanc560.gif');
background-position: center;}
a {text-decoration: none !important;}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
background-image: url('http://nsa28.casimages.com/img/2011/07/01/110701094355230818.jpg');
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
font-size: 11px;
}
.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.postdetails.poster-profile a img { width: 150px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border: 3px solid #000000;
}
L'image est trop petite, on peut toujours la centrer mais ca ne changera pas grand chose.
Cordialement.
Re: Image qui remplit le forum en onglet
Merci de m'avoir repondu.J'ai tenté en effet elle est coupée,mais a la limite je pourrai en changer ce n'est pas tres grave
Par contre ce que je me demandais c'est de savoir s'il etait possible de mettre une image différente pour chaque forum?
Merci d'avance
Par contre ce que je me demandais c'est de savoir s'il etait possible de mettre une image différente pour chaque forum?
Merci d'avance
Re: Image qui remplit le forum en onglet
Bonsoir
Je me permet de vous donner la solution.
Pour commencer placer ce code dans la description de votre catégorie.
Puis dans votre feuille de style css remplacer le code "forum-description" par celui-là.
rajouter aussi ce code.
Pour chaque catégorie rajouter ce code.
et celui-là.
et ainsi de suite pour chaque catégorie.
EDIT: si vous voulez rajouter du contenu sur votre image il vous suffi de faire comme ceci.
Je me permet de vous donner la solution.
Pour commencer placer ce code dans la description de votre catégorie.
- Code:
<div class="descrip_1"></div>
Puis dans votre feuille de style css remplacer le code "forum-description" par celui-là.
- Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 0px;
color: #000000;
width: 80%;
height: 215px;
border: 3px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
rajouter aussi ce code.
- Code:
.descrip_1{
background-image: url('http://nsa28.casimages.com/img/2011/07/01/110701094355230818.jpg');
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
height: 215px;
}
Pour chaque catégorie rajouter ce code.
- Code:
[code]<div class="descrip_2"></div>[/code]
et celui-là.
- Code:
.descrip_2{
background-image: url(' votre image ici ');
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
height: 215px;
}
et ainsi de suite pour chaque catégorie.
EDIT: si vous voulez rajouter du contenu sur votre image il vous suffi de faire comme ceci.
- Code:
<div class="descrip_1"> texte texte texte texte</div>
Re: Image qui remplit le forum en onglet
Merci infiniment!!!J'ai passé la journée a placer des images et je trouve le rendu magnifique
Merci beaucoup pour votre aide tres precieuse,tous les codes fonctionnent parfaitement,c'est genial
Aventurine
Merci beaucoup pour votre aide tres precieuse,tous les codes fonctionnent parfaitement,c'est genial
Aventurine
Re: Image qui remplit le forum en onglet
Mais de rien je vous en pris se fut avec plaisir et je trouve aussi le rendu pal mal du tout
Sujets similaires
» Changer l'image de l'onglet internet
» Image sur mes onglet
» Création présentation avec onglet (cf image)
» Barre qui se remplit
» Onglet latéral et image
» Image sur mes onglet
» Création présentation avec onglet (cf image)
» Barre qui se remplit
» Onglet latéral et image
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum