It is currently Sun 25 Sep 2016 - 02:16 - créer un forum

[tuto]mettre une image a la place du nom de votre forum

Skip to content

Post new topic Reply to topic Goto page: <  1, 2

[tuto]mettre une image a la place du nom de votre forum
Author Message
maman67





PostPosted: Tue 19 Jul 2011 - 16:46    Post subject: [tuto]mettre une image a la place du nom de votre forum Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Bonjour,

Merci la bannière est maintenant centrée mais comment je pourrai svp revenir à la ligne après après "Forum de discussion à toutes les mamans, futures mamans, jeunes mamans ... "?

Je pense qu'une bannière sans le cadre serai mieux au niveau de l'affichage. Il faudrai que je modifie la largeur et la longueur également.
Je vais travailler sur une nouvelle bannière.
Pouvez vous me donner les dimension standard d'une bannière svp?

Désolée de poser toutes ces questions car je ne m'y connais pas du tout mais j'apprends j'apprends... et je vous remercie encore et toujours pour toute l'aide que vous m'apportez.
Je serai enfin prête à mettre en ligne mon forum!! Wink
Author Message
jagd0748
Membre


Offline
Membre

Joined: 15 Jan 2010
Posts: 29
Niveau:
Point(s): 31
Moyenne: 1.07
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Verseau (20jan-19fev) 鷄 Coq

PostPosted: Tue 19 Jul 2011 - 17:26    Post subject: [tuto]mettre une image a la place du nom de votre forum Reply with quote

Bonjour à toutes et tous,

Adresse de mon forum :  http://jagdterrier.xooit.fr/index.php
Thème graphique du forum :  army.css
Votre poste : Admin fondateur
Votre navigateur (Modèle et version) :  Firefox (dernière ou avant-dernière version)
Mon problème concerne :  bannière et/ou titre
Êtes-vous le seul concerné par ce problème : Oui - Non  
Depuis quand dure le bug/problème constaté ? :  Toujours
Images/Screens relatifs au problème :  voir ci-dessous
Description détaillée du problème :  je souhaiterais modifier la bannière titre du forum, mais je n'ai pas trouvé où et comment faire , malgré les différents tutoriels lus et l'application des procédures citées dans ce tutoriel




En clair j'ai actuellement ça ... :




.... et je souhaiterais obtenir en final ça :




les 2 images (gif) à rajouter sont :
et


ou bien la bannière au-dessus du titre ou à la place de  :



Merci d'avance pour l'aide que vous saurez m'apporter.


Forum
Author Message
bidouille33
Membre


Offline
Membre

Joined: 11 Aug 2010
Posts: 117
Point(s): 117
Moyenne: 1.00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 龍 Dragon

PostPosted: Thu 21 Jul 2011 - 06:13    Post subject: [tuto]mettre une image a la place du nom de votre forum Reply with quote

bonjour maman67.
pour faire un "sauté de ligne", il vous faut ajouter la balise
Code: Sélectionner - Agrandir
<br>
après le mot ou vous désirez descendre à la ligne.
pour les dimensions de la bannière, je vous conseille jusqu’à 1000 px de large sur 300 px de haut pour
ne pas déformer votre forum suivant les écrans de vos lecteurs.
cordialement.


Forum
Author Message
maman67


Offline
Guest




PostPosted: Thu 21 Jul 2011 - 17:00    Post subject: [tuto]mettre une image a la place du nom de votre forum Reply with quote

Merci Merci Merci pour votre aide si précieuse Bidouille et aux réponses données. Very Happy

Tout est finalisé. Je suis vraiment contente et un peu "fière" de moi, car j'ai créé moi même les bannières.
Avec beaucoup de recherche d'infos à droite et à gauche ainsi que beaucoup de patience, mon forum est enfin prêt à être en ligne.

Voici le fruit de mon "travail": http://mamsdu67.clicforum.fr/index.php
Qu'en pensez vous? Smile


Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Sat 18 Jan 2014 - 18:10    Post subject: [tuto]mettre une image a la place du nom de votre forum Reply with quote

j'ai suivi le tuto mais mon image s'affiche pas 


[hide=Spoiler]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files7/a/r/argenblue-311ec.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com


  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color:  {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
}


/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }


/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }


/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: {T_TD_COLOR2};
background-image: url(http://img.xooimage.com/files3/a/r/argenbluepic2-3122b.jpg);
background-repeat: repeat-y;
}


/* Header cells - the blue and silver gradient backgrounds */
th {
color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold; 
background-color: {T_BODY_LINK}; height: 25px;
background-image: url(http://img.xooimage.com/files4/a/r/argenblue-3122c.jpg);
}


td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(http://img.xooimage.com/files5/a/r/argenbluepic1-3122d.jpg);
background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it Smile
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}


th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}


/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }


/* Forum category titles */
.cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}


/* Location, number of posts, post date etc */
.postdetails { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }


/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}


/* Quote & Code blocks */
.code { 
font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


.quote {
font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}


/* Form elements */
input,textarea, select {
color : {T_BODY_TEXT};
font: normal {T_FONTSIZE2}px {T_FONTFACE1};
border-color : {T_BODY_TEXT};
}


/* The text input fields background colour */
input.post, textarea.post, select {
background-color : {T_TD_COLOR2};
}


input { text-indent : 2px; }


/* The buttons used for bbCode styling in message post */
input.button {
background-color : {T_TR_COLOR1};
color : {T_BODY_TEXT};
font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}


/* The main submit button option */
input.mainoption {
background-color : {T_TD_COLOR1};
font-weight : bold;
}


/* None-bold submit button */
input.liteoption {
background-color : {T_TD_COLOR1};
font-weight : normal;
}


/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know Wink
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files10/f/o/formie-30d7c.css"); 
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />


<a name="top">[/url]


<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
<tr> 
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr> 
<td>
</td>


<td align="center" width="100%" valign="middle"><span class="maintitle">
</span>
<span class="gen">
&nbsp; </span> 



<table cellspacing="0" cellpadding="2" border="0">
<tr> 
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;
{L_FAQ}
</span><span class="mainmenu">&nbsp; &nbsp;
{L_SEARCH}
&nbsp; &nbsp;
{L_MEMBERLIST}
&nbsp; &nbsp;
{L_USERGROUPS}
&nbsp; 
<!-- BEGIN switch_user_logged_out -->
&nbsp;
{L_REGISTER}
</span>&nbsp;
<!-- END switch_user_logged_out -->
</td>
</tr>
<tr>
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu">&nbsp;
{L_PROFILE}
&nbsp; &nbsp;
{PRIVATE_MESSAGE_INFO}
&nbsp; &nbsp;
{L_LOGIN_LOGOUT}
&nbsp;</span></td>
</tr>
</table></td>
</tr>
</table>




/spoiler]



une solution s"il vous plait 
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 584
Niveau:
Point(s): 632
Moyenne: 1.08
Masculin

PostPosted: Sat 18 Jan 2014 - 19:07    Post subject: [tuto]mettre une image a la place du nom de votre forum Reply with quote

Bonjour,
Vous devez mettre votre template entre les bonne balises, car actuellement votre code reste inexploitable !



Cordialement
_______________________
1 tour pour la forme.1 tour pour l'esprit.

| Le site pour les Filles | Me Soutenir | Smileys Fun | Mes Tutoriels | Mon formulaire D'aide | No Support MP |


Forum
Author Message
kieffer
Membre


Offline
Membre

Joined: 12 Nov 2009
Posts: 411
Niveau:
Point(s): 396
Moyenne: 0.96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

PostPosted: Sun 19 Jan 2014 - 18:06    Post subject: [tuto]mettre une image a la place du nom de votre forum Reply with quote

Sploutch wrote:
Bonjour,
Vous devez mettre votre template entre les bonne balises, car actuellement votre code reste inexploitable !



Cordialement


merci pour le précision mais du coup je l'ai mit dans la description du forum et cela marche 
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Author Message
Van.
Membre


Offline
Membre

Joined: 09 Sep 2015
Posts: 51
Niveau:
Point(s): 49
Moyenne: 0.96
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Scorpion (23oct-21nov) 鼠 Rat

PostPosted: Mon 14 Sep 2015 - 12:34    Post subject: [tuto]mettre une image a la place du nom de votre forum Reply with quote

Bonjour, je rebondis sur ce tuto car je souhaite change l'image du haut sur mon forum.
J'ai suivi ce tuto mais sans résultat positif, c'est peut-être lié au fait qu'à la création du forum j'avais placé l'image actuelle
en passant par le panneau d'administration et en rentrant l'adresse de mon image dans  THEME >> modifier les images
et en la plaçant dans logo phpbb .


En parcourant ce tuto, je comprends que ce n'es pas la bonne manière de procéder ! 
J'ai donc ouvert dans les templates overheall_header.tpl pour rentrer à la place de {SITENAME} l'adresse de la photo 


mais la photo n'est pas remplacée par la nouvelle et il apparait en dessous de la photo ceci !





Pourriez-vous m'apporter de l'aide, par avance merci.


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 02:16    Post subject: [tuto]mettre une image a la place du nom de votre forum

Display posts from previous:   
Reply to topic Page 2 of 2 Goto page: <  1, 2




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401