It is currently Sat 1 Oct 2016 - 20:54 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 37, 8, 9266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
kakashi





PostPosted: Tue 31 Jan 2006 - 16:56    Post subject: Modif by Tex Reply with quote

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

bonjour a tous voila j'ai fait exactement ce que vous dite allez dans tehme modifier les template et j'ai commencer a chercher ce que vous avez marquer dans le tout premier poste mais je ne trouve rien y ressemble alor peut etre parceque mon theme est naruto mais via ce que donne mon template
overhall_header.tpl


<!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="{TEMPLATE_PATH}/{T_HEAD_STYLESHEET}" type="text/css">

<!-- 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="#000000" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="820px" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<center>
<table width="800px" border="0" cellpadding="5" cellspacing="0">
<tr>
<td>
<div style="width: 800px; background-color: #FFFFFF;">
<center>
<a href="{U_INDEX}"><img src="{TEMPLATE_PATH}/images/naruto_ban.gif" border="0" alt="{L_INDEX}" style="border-color:#C35124;" /></a>
<a href="{U_FAQ}" class="lien">{L_FAQ}</a>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="{U_SEARCH}" class="lien">{L_SEARCH}</a>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="{U_MEMBERLIST}" class="lien">{L_MEMBERLIST}</a>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="{U_GROUP_CP}" class="lien">{L_USERGROUPS}</a>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="{U_PROFILE}" class="lien">{L_PROFILE}</a>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="{U_PRIVATEMSGS}" class="lien">{PRIVATE_MESSAGE_INFO}</a><br>
<a href="{U_LOGIN_LOGOUT}" class="lien">{L_LOGIN_LOGOUT}</a>
&nbsp;&nbsp;&nbsp;&nbsp;<a href="{U_REGISTER}" class="lien">{L_REGISTER}</a>
</center>
</div>

<br />


donc voila je ne trouve rien de ce que vous dite dans le premier topics merci de vos reponses @+
Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Tue 31 Jan 2006 - 21:02    Post subject: [Tuto] Installer une image de fond Reply with quote

le thème naruto ne fait pas partie de thèmes où ce tuto est applicable

Forum
Author Message
kakashi


Offline
Guest




PostPosted: Wed 1 Feb 2006 - 15:28    Post subject: [Tuto] Installer une image de fond Reply with quote

ah mince et je comment je pourrais faire alor ? parce que sa m ennuie quand d avoir juste un fond blanc et oranger rose

Author Message
d-jpp


Offline
Guest




PostPosted: Thu 2 Feb 2006 - 04:08    Post subject: [Tuto] Installer une image de fond Reply with quote

En fait dans ton aide gef0301
tu me confirme qu'en fait les informations transmisent par le système s'ecrivent comme une feuille de style standard
avec les mêmes balises paramêtrées de la même façon sauf que les templates génerent une page html qui est l'image de la combinaison de tous les templates.

donc si on jette un coup d'oeil dans son cash on y trouve un joli fichier index.html qui une foi édité montre en clair les adresse des divers images pages la valeurs des couleurs avec lequel on a documenté son forum

Aprés avoir charger la totalité des images nessesssaires a l'habillages
elles aussi récupérés dans le cash ( j'avait eu soint au préalable de le vider integralement pour n'avoir que les éléments constitutifs du forum)

grace à un bon éditeur de texte libre pour pc (note pad++) j'ai viré le chemin des divers icones pour les intégrés dans le fichier de sauvegarde
et j'ai relancer le index.html , avec le plaisir de constater que la page principal de mon forum s'ouvre intégralement

Biensur rien de plus facile sur une page html classique de faires des modifs sans conséquenses .. j'ai donc attaqué les instructions de style qui y figurait

Voilà mes conclusion
la ligne

bodyline {background-color:#aa8800;border: 1px #ba926d solid; }

à l'origine,adresse qui dans le template overall_header est formulé de la façon suivante

.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

est transformé de la façon suivante

bodyline {background-color:#aa8800; background-image:url(fond.jpg);background-repeat:repeat-y;packground-attachement:fixed; border: 1px #ba926d solid; }

puisque la source est conforme a l'image il doit etre possible d'ecrir

.bodyline { background-color: {T_TD_COLOR2}; background-image:url(fond.jpg);background-repeat:repeat-y;packground-attachement:fixed; border: 1px {T_TH_COLOR1} solid; }

il est dommage de ne pas pouvoir affecter des adresses relatives au urls des images de fond
Mais en y regardant de plus près on peux trouver l'instruction suivante

background-image: url({TEMPLATE_PATH}/images/{T_TH_CLASS3});

Or lor-ce-qu'on lit l'adresse des images dans la page html on peux voir que {TEMPLATE_PATH} pointe sur la partie de l'url du forum jusqu'au d'ossier images

On peut donc surement ecrire une ligne qui ressemble à ça

.bodyline { background-color: {T_TD_COLOR2}; background-image:url({TEMPLATE_PATH}/images/fond.jpg);background-repeat:repeat-y;packground-attachement:fixed; border: 1px {T_TH_COLOR1} solid; }

quand à l'ebergement de l'image à l'adresse pointé par TEMPLATE_PATH
c'est très simple
ouvrez le paneau d'aministation à
Modifier les images
dans le cartouche en bas de la page utiliser la fonction upload une nouvelle image dans le dossier racine [ \ ]
et le tour est joué


amitier
Very Happy-JPP


Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Thu 2 Feb 2006 - 08:07    Post subject: [Tuto] Installer une image de fond Reply with quote

Tu as sûrement raison ! pourquoi faire simple avec les templates quand on peut faire compliqué avec une page index.html

Forum
Author Message
d-jpp


Offline
Guest




PostPosted: Fri 3 Feb 2006 - 00:02    Post subject: [Tuto] Installer une image de fond Reply with quote

Sait tu comment Champolion à fait pour decritper les yerogliphes..
il conaissait le grec
et la pierre de Roset etait écrit à la fois en grec et en egiptien Wink

Amitier
Very Happy-JPP


Author Message
Kaze san


Offline
Guest




PostPosted: Fri 3 Feb 2006 - 00:12    Post subject: [Tuto] Installer une image de fond Reply with quote

Heu.. Sinon, tout est dans Subsilver.css dans les templates, mais bon, je peux toujours me gourer.

Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Fri 3 Feb 2006 - 05:12    Post subject: [Tuto] Installer une image de fond Reply with quote

si on veut!
subsiver.css ne sert à rien dans cet état. Pour qu'il soit utile, il faudrait supprimer les styles de overall_header.tpl, remettre actif le lien qui l'appelle.
C'est ce que pourraient faire les puristes, mais on perdrait de la souplesse pour modifier les couleurs et les polices de caractères


Forum
Author Message
amigo41


Offline
Guest




PostPosted: Sat 4 Feb 2006 - 11:37    Post subject: heu Reply with quote

salut je saviat pas si vous aviez ses code alor je vous les passe au qu a ou pour le transparent des barre des forum si on mais tout sa il et transparent total enfin presque lol
Code: Sélectionner - Agrandir
<!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">
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="{TEMPLATE_PATH}/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/*
  The original RedBlack Theme for phpBB version 2+
  Created by SoSo design
  http://www.sosophpbb.fr.st

  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: 000000;
   scrollbar-face-color: 000000;
   scrollbar-highlight-color: FF0000;
   scrollbar-shadow-color: 000000;
   scrollbar-3dlight-color: FF0000;
   scrollbar-arrow-color:  FF0000;
   scrollbar-track-color: FF0000;
   scrollbar-darkshadow-color: 000000;
background-image: url("adresse de l image");
background-repeat: repeat-y;
background-attachment: fixed;
}

/* 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({TEMPLATE_PATH}/images/{T_TH_CLASS3});
      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({TEMPLATE_PATH}/images/{T_TH_CLASS2});
}*/

/*td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
         background-image: url({TEMPLATE_PATH}/images/{T_TH_CLASS1});
         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 :-)
*/
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;
}
voila se sont les code je les ai mit sur redblak j ai que rajouter des /*

et continuer a aider les autre moi je vous dit merci car sa me ser enormerment tchaoooooooooo!!!!!!!!!!!!


Author Message
amigo41


Offline
Guest




PostPosted: Sun 5 Feb 2006 - 13:36    Post subject: transparence Reply with quote

:arrow:lire se qui suit merci pour la transparense des cellules de forum
Flèche Twisted Evil Twisted Evil


Last edited by amigo41 on Sun 5 Feb 2006 - 14:53; edited 1 time in total
Author Message
Eragon


Offline
Guest




PostPosted: Sun 5 Feb 2006 - 14:25    Post subject: [Tuto] Installer une image de fond Reply with quote

Faire une recherche avant de poster : http://xooit.xooit.com/t7624-%5BTuto%5D-transparence-des-cellules-du-forum.htm

Author Message
gef0301
VIP


Offline
VIP

Joined: 09 Mar 2005
Posts: 413
Point(s): 440
Moyenne: 1.07

PostPosted: Sun 5 Feb 2006 - 14:43    Post subject: [Tuto] Installer une image de fond Reply with quote

ne pas mélanger SVP !

Ce tuto sert à mettre une image fond

mettre de la transparance n'est pas la même chose et ne marche que pour Internet Explorer, donc pour moi l'intérêt est limité vu que ce n'est pas 100% compatible


Forum
Author Message
amigo41


Offline
Guest




PostPosted: Sun 5 Feb 2006 - 14:51    Post subject: ??? Reply with quote

ben il marche pour internet explorer

Author Message
Eragon


Offline
Guest




PostPosted: Sun 5 Feb 2006 - 17:21    Post subject: [Tuto] Installer une image de fond Reply with quote

gef0301 wrote:
ne marche que pour Internet Explorer

amigo41 wrote:
ben il marche pour internet explorer


C'est ce que gef a dit...


Author Message
amigo41


Offline
Guest




PostPosted: Mon 6 Feb 2006 - 12:36    Post subject: lol Reply with quote

a oui desoler j avait mal lu

Author Message
hiten


Offline
Guest




PostPosted: Mon 6 Feb 2006 - 15:55    Post subject: [Tuto] Installer une image de fond Reply with quote

Désolé de poster ici mais j'ai une question...

Comment on fait pour mettre une image dans les cellules du forum (je suis sur le thème subsilver)Question Question

[J'ai chercher dans tous les tutos, peut être qu'il y en un et que je ne l'ai pas vu...
Question ]


Author Message
Contenu Sponsorisé





PostPosted: Today at 20:54    Post subject: [Tuto] Installer une image de fond

Display posts from previous:   
Reply to topic Page 8 of 268 Goto page: <  1, 2, 37, 8, 9266, 267, 268  >




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