It is currently Mon 26 Sep 2016 - 19:19 - créer un forum

[Tuto] Installer une image de fond

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 36, 7, 8266, 267, 268  >

[Tuto] Installer une image de fond
Author Message
Sploutch


Joined: 02 Jan 2006
Posts: 584

PostPosted: Tue 17 Jan 2006 - 23:20    Post subject: [Tuto] Installer une image de fond Reply with quote

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

RE?

oK C'est tout bon merci, mais j'ai juste mis l'image en font et pas le forum en transparence sion sa fesait bizar !
en plus la restitution de mon image et pas top !

Mais j'avais une question svp.

Je voudrais savoir s il y a moyen de séparer e forum ?
Je veux dire que la j'ai un forum" présentation" avec son sous-forum. Puis ensuite j'ai un autre forum " souci/problème etc " avec lui eussi son sous-forum et je voudrais savoir si il est possible de laisse de la transparence juste entre les deux et comme au autre également afin de laisser voir l'image en font ? je pense que si cela est possible, que cela sera plus joli qu'une transparence total .

Voila merci a vous deux en attendent Wink
Forum
Author Message
Xeawirkyo


Offline
Guest




PostPosted: Tue 17 Jan 2006 - 23:22    Post subject: [Tuto] Installer une image de fond Reply with quote

De rien.

Pour l'histoire de la transparence, je n'ai pas vaiment d'idée, désolé.


Author Message
gef0301
VIP


Offline
VIP

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

PostPosted: Tue 17 Jan 2006 - 23:43    Post subject: [Tuto] Installer une image de fond Reply with quote

Transparance complète je sais faire , mais simplement au niveau des catégories, je ne vois pas

Forum
Author Message
Sploutch
Membre


Offline
Membre

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

PostPosted: Tue 17 Jan 2006 - 23:57    Post subject: [Tuto] Installer une image de fond Reply with quote

C'est pas grave du tout Gef tant pis...

j'ai fait l'essai avec l'image en font et en transparence total, mais comme je le disais plus haut le rendu n'est pas térrible Sad
ensuite j'ai fait l'essai juste avec l'image en font ce qui passerait si il était possible de séparer les forums par de la transparencehistoire d'airer le forum. Donc j'ai tout sup en attendent des fois que je lise une autre solution des fois.. ?!
Enfin ça ma fait des manip dans les templates et na peu que améliorer mon niveau Wink lol
Donc voila encore merc a toi Gef et Stéphane aussi. bonne continuation et a bientôt.

Smile

_______________________
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
pingouin33500


Offline
Guest




PostPosted: Wed 18 Jan 2006 - 17:26    Post subject: [Tuto] Installer une image de fond Reply with quote

bonjour , voila un copier coller de mon TEMPLATE


<!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 http-equiv="imagetoolbar" content="no">
{META}
{NAV_LINKS}
<title>{SITENAME} .::. {PAGE_TITLE}</title>
<link rel="stylesheet" href="{TEMPLATE_PATH}/{T_HEAD_STYLESHEET}" type="text/css" />
<style type="text/css">
<!--
TH { background-image: url({TEMPLATE_PATH}/images/{T_TH_CLASS2}) }
TD.cat { background-image: url({TEMPLATE_PATH}/images/{T_TH_CLASS1}) }
TD.rowpic { background-image: url({TEMPLATE_PATH}/images/{T_TH_CLASS3}) }
TD.catHead,TD.catSides,TD.catLeft,TD.catRight,TD.catBottom { background-image: url({TEMPLATE_PATH}/images/{T_TH_CLASS1}) }
-->
</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"></a>

<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 align="center"><a href="{U_INDEX}"><img src="{TEMPLATE_PATH}/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td></tr><tr>
<td align="center" width="100%"><span class="maintitle">{SITENAME}</span><br /><span class="maintitle2">{SITE_DESCRIPTION}</span><br />&nbsp;</td>
</tr>
<tr>
<td align="center" valign="top" colspan="2"><span class="mainmenu">
<a href="{U_FAQ}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_faq.gif" border="0" alt="{L_FAQ}" hspace="3" /></a>
<a href="{U_SEARCH}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_search.gif" border="0" alt="{L_SEARCH}" hspace="3" /></a>
<a href="{U_MEMBERLIST}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_members.gif" border="0" alt="{L_MEMBERLIST}" hspace="3" /></a>
<a href="{U_GROUP_CP}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_groups.gif" border="0" alt="{L_USERGROUPS}" hspace="3" /></a>
</span></td>
</tr>
<tr>
<td align="center" valign="top" colspan="2"><span class="mainmenu">
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_register_out.gif" border="0" alt="{L_REGISTER}" hspace="3" /></a>
<img src="{TEMPLATE_PATH}/images/icon_mini_message_out.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />
<img src="{TEMPLATE_PATH}/images/icon_mini_profile_out.gif" border="0" alt="{L_PROFILE}" hspace="3" />
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_login_out.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>
<br>&nbsp;</span>
<!-- END switch_user_logged_out -->

<!-- BEGIN switch_user_logged_in -->
<span class="mainmenu">
<a href="{U_REGISTER}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_register.gif" border="0" alt="{L_REGISTER}" hspace="3" /></a>
<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_message.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" /></a>
<a href="{U_PROFILE}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_profile.gif" border="0" alt="{L_PROFILE}" hspace="3" /></a>
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="{TEMPLATE_PATH}/images/icon_mini_login.gif" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" /></a>
</span><br/><br/>
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="bout_g"></td>
<td class="bout_c" nowrap="nowrap"><a href="{U_PRIVATEMSGS}" class="mainmenu"><b>{PRIVATE_MESSAGE_INFO}</b></a></td>
<td class="bout_d"></td>
</tr>
</table>
<!-- END switch_user_logged_in -->
<br></td>
</tr>
</table>
<br />
<table width="100%" border="0" cellpadding="2" cellspacing="1" class="forumline">
<tr>
<th align="center" valign="middle" class="thHead" height="28" colspan="3">
<span class="thHead">
Message du forum
</span>
</th>
</tr>
<tr>
<td class="row1">&nbsp;</td>
<td class="row1" height="25" width="400">
<table width="400" class="forumline" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" bgcolor="">
<span class="gen">
<!-- CONFIG: --><marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" scrollAmount="3" scrollDelay="3" direction="left" height="40">
<NOBR><span class="font-size:large"><font color="FF0000">Toute l'équipe du forum vous souhaite une bonne et heureuse année 2006</span</NOBR>
</marquee


</span>
</td>
</tr>
</table>
</td>
<td class="row1">&nbsp;</td>
</tr>
</table><br>


je trouve pas les les lignes ....merci de m'aider Sad


Author Message
gef0301
VIP


Offline
VIP

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

PostPosted: Wed 18 Jan 2006 - 19:06    Post subject: [Tuto] Installer une image de fond Reply with quote

Pour ton thème, il faut regarder dans MylNyoBleu.css
Mais, je n'ai pas testé, je ne sais donc pas s'il fonctionne pareil. Fais une sauvegarde et essaie. Tiens nous au courant


Forum
Author Message
pingouin33500


Offline
Guest




PostPosted: Wed 18 Jan 2006 - 21:14    Post subject: [Tuto] Installer une image de fond Reply with quote

j'ai suivi tes conseil d'ailleur je te fais le copier coller de ce que j'ai actuellement au cas ou j'aurais oublier quelque chose

/*
MylNyoBleu theme for phpBB version 2+
Created by SGo
http://www.mylimages.com
Based on the original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/


/* 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};
background-image: url("<a href="http://img395.imageshack.us/my.php?image=fondsite0rm.jpg" target="_blank"><img src="http://img395.imageshack.us/img395/6752/fondsite0rm.th.jpg" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a>");
background-repeat: fixed;
background-attachment: fixed;
}


/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #133C77; }
a:hover { text-decoration: underline; color : #5493B4; }
hr { height: 0px; border: solid #133C77 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: #FFFFFF;
border: 1px solid #3281A6;
}
.forumline2 {
background-color: #FFFFFF;
border: 0px solid #3281A6;
}

/* Main table cell colours and backgrounds */
td.row1 {
background-color: #FFFFFF;
border : 0px;
border-bottom : 1px solid #3281A6;
}
td.row2 {
background-color: #FFFFFF;
border : 0px;
border-bottom : 1px solid #3281A6; }
td.row3 {
background-color: #FFFFFF;
border : 0px;
border-bottom : 1px solid #3281A6; }
td.row3Right {
background-color: #FFFFFF;
border : 0px;
border-bottom : 1px solid #3281A6; }

td.pave1 {
height: 30px;
background : url(images/cellpic1.gif);
background-repeat : no-repeat;
background-position : left;
}
td.pave2 {
height: 30px;
background : url(images/cellpic1.gif);
}
td.pave3 {
height: 30px;
background : url(images/cellpic1.gif);
background-repeat : no-repeat;
background-position : right;
}

td.bout_g {
height: 15px;
width:9px;
background-image: url(images/mp_g.gif);
background-position : left;
background-repeat : no-repeat;
}
td.bout_c {
height: 15px;
background-image: url(images/mp_c.gif);
}
td.bout_d {
height: 15px;
width:9px;
background-image: url(images/mp_d.gif);
background-position : right;
background-repeat : no-repeat;
}


/*
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 black background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
height: 30px;
background : url(images/cellpic1.gif) repeat-y;
}

/* Header cells - the black gradient backgrounds */
th {
color: #133C77; font-size: 12px; font-weight : bold;
height: 30px;
background-image: url(images/cellpic1.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
border: #133C77; border-style: solid; height: 30px;
}


/*
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: 30px;
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: #133C77; border-style: solid; height: 30px; }
td.row3Right {background-image : url(images/pixel03.gif);
height: 18px;
border: #000000; border-style: solid; }
td.spaceRow {
background-image : url(images/pixel04.gif);
height: 18px;
border: #000000;
border-style: solid;
border-width: 0px 0px 0px 0px;
}
td.spaceRow2 {background-image : url(images/pixel01.gif);
border: #000000; border-style: solid;
border-width: 0px 0px 0px 0px; }
td.spaceRow3 {
background-image : url(images/pixel05.gif);
height: 18px;
border: #000000;
border-style: solid;
border-width: 0px 0px 0px 0px;
}
td.Bas {
background-image : url(images/pixel03.gif);
height: 18px;
border: #000000;
border-style: solid;
border-width: 0px 0px 0px 0px;
}
td.Haut {background-image : url(images/cellpic1.gif);
border: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }

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


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 32px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #133C77;
}
.maintitle2 {
font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #133C77;
}
.maintitle3 {
font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #133C77;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #006699; }
a.gen,a.genmed,a.gensmall { color: #133C77; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #5493B4; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #006699 }
a.mainmenu { text-decoration: none; color : #133C77; }
a.mainmenu:hover{ text-decoration: underline; color : #5493B4; }


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


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #133C77; }
a.forumlink { text-decoration: none; color : #133C77; }
a.forumlink:hover{ text-decoration: underline; color : #5493B4; }


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

.haut { font-weight: bold; font-size: 11px; color : #133C77;}
a.haut { text-decoration: none; color : #133C77; }
a.haut:hover { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #006699; }
a.topictitle:link { text-decoration: none; color : #133C77; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #5493B4; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px;
font-weight: bold;
color : #006699;
}

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


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #133C77 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #5493B4}

.error { font-size : 12px; color: #133C77;}


/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000;
background-color: #FFFFFF; border: #133C77; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #006699; line-height: 125%;
background-color: #DEEEF6; border: #133C77; 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}



/* Form elements */
input,textarea, select {
color : #006699;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}

/* The text input fields background colour */
input.post,textarea.post {
background-color : #DEEEF6;
scrollbar-track-color: #DEEEF6;
border : 1px solid #000000;
font-size: 12px;
}
select {
background-color : #DEEEF6;
border : 1px solid #000000;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #133C77;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
background : url(images/bout01.gif);
border : 1px solid #133C77;
}

/* The main submit button option */
input.mainoption {
background-color : #AFC3C3;
font-weight : bold;
background : url(images/bout01.gif);
border : 1px solid #133C77;
}

/* None-bold submit button */
input.liteoption {
background-color : #AFC3C3;
font-weight : normal;
background : url(images/bout01.gif);
border : 1px solid #133C77;
}

/* 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: #FFFFFF; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");





voila voila , parcontre le contour est gris comme vous pouvez le constater ... en principe le fond c'est tout l'équipe des joueurs donc voila on vois que c'est pas bon Very Happy
peut etre que je me suis trompé dans l'adresse url ?

j'ai pris la premiere c'est a dire celle la

<a href="http://img454.imageshack.us/my.php?image=fondsite1au.jpg" target="_blank"><img src="http://img454.imageshack.us/img454/7880/fondsite1au.th.jpg" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a>

mais ya le choix avec ca

[IMG]

[URL=http://img454.imageshack.us/my.php?image=fondsite1au.jpg]


[img=http://img454.imageshack.us/img454/7880/fondsite1au.th.jpg]



[img=http://img454.imageshack.us/img454/7880/fondsite1au.jpg]

<a href="http://imageshack.us"><img src="http://img454.imageshack.us/img454/7880/fondsite1au.jpg" border="0" width="836" alt="Image Hosted by ImageShack.us" /></a>

http://img454.imageshack.us/my.php?image=fondsite1au.jpg

http://img454.imageshack.us/img454/7880/fondsite1au.jpg


je précise qu'il son dans l'ordre que imagehack les donne Wink


Author Message
pingouin33500


Offline
Guest




PostPosted: Thu 19 Jan 2006 - 21:51    Post subject: [Tuto] Installer une image de fond Reply with quote

pingouin33500 wrote:
j'ai suivi tes conseil d'ailleur je te fais le copier coller de ce que j'ai actuellement au cas ou j'aurais oublier quelque chose

/*
MylNyoBleu theme for phpBB version 2+
Created by SGo
http://www.mylimages.com
Based on the original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
*/


/* 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};
background-image: url("<a href="http://img395.imageshack.us/my.php?image=fondsite0rm.jpg" target="_blank"><img src="http://img395.imageshack.us/img395/6752/fondsite0rm.th.jpg" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a>");
background-repeat: fixed;
background-attachment: fixed;
}


/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #133C77; }
a:hover { text-decoration: underline; color : #5493B4; }
hr { height: 0px; border: solid #133C77 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: #FFFFFF;
border: 1px solid #3281A6;
}
.forumline2 {
background-color: #FFFFFF;
border: 0px solid #3281A6;
}

/* Main table cell colours and backgrounds */
td.row1 {
background-color: #FFFFFF;
border : 0px;
border-bottom : 1px solid #3281A6;
}
td.row2 {
background-color: #FFFFFF;
border : 0px;
border-bottom : 1px solid #3281A6; }
td.row3 {
background-color: #FFFFFF;
border : 0px;
border-bottom : 1px solid #3281A6; }
td.row3Right {
background-color: #FFFFFF;
border : 0px;
border-bottom : 1px solid #3281A6; }

td.pave1 {
height: 30px;
background : url(images/cellpic1.gif);
background-repeat : no-repeat;
background-position : left;
}
td.pave2 {
height: 30px;
background : url(images/cellpic1.gif);
}
td.pave3 {
height: 30px;
background : url(images/cellpic1.gif);
background-repeat : no-repeat;
background-position : right;
}

td.bout_g {
height: 15px;
width:9px;
background-image: url(images/mp_g.gif);
background-position : left;
background-repeat : no-repeat;
}
td.bout_c {
height: 15px;
background-image: url(images/mp_c.gif);
}
td.bout_d {
height: 15px;
width:9px;
background-image: url(images/mp_d.gif);
background-position : right;
background-repeat : no-repeat;
}


/*
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 black background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
height: 30px;
background : url(images/cellpic1.gif) repeat-y;
}

/* Header cells - the black gradient backgrounds */
th {
color: #133C77; font-size: 12px; font-weight : bold;
height: 30px;
background-image: url(images/cellpic1.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
border: #133C77; border-style: solid; height: 30px;
}


/*
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: 30px;
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: #133C77; border-style: solid; height: 30px; }
td.row3Right {background-image : url(images/pixel03.gif);
height: 18px;
border: #000000; border-style: solid; }
td.spaceRow {
background-image : url(images/pixel04.gif);
height: 18px;
border: #000000;
border-style: solid;
border-width: 0px 0px 0px 0px;
}
td.spaceRow2 {background-image : url(images/pixel01.gif);
border: #000000; border-style: solid;
border-width: 0px 0px 0px 0px; }
td.spaceRow3 {
background-image : url(images/pixel05.gif);
height: 18px;
border: #000000;
border-style: solid;
border-width: 0px 0px 0px 0px;
}
td.Bas {
background-image : url(images/pixel03.gif);
height: 18px;
border: #000000;
border-style: solid;
border-width: 0px 0px 0px 0px;
}
td.Haut {background-image : url(images/cellpic1.gif);
border: #000000; border-style: solid; border-width: 0px 0px 0px 0px; }

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


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 32px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #133C77;
}
.maintitle2 {
font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #133C77;
}
.maintitle3 {
font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #133C77;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #006699; }
a.gen,a.genmed,a.gensmall { color: #133C77; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #5493B4; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #006699 }
a.mainmenu { text-decoration: none; color : #133C77; }
a.mainmenu:hover{ text-decoration: underline; color : #5493B4; }


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


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #133C77; }
a.forumlink { text-decoration: none; color : #133C77; }
a.forumlink:hover{ text-decoration: underline; color : #5493B4; }


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

.haut { font-weight: bold; font-size: 11px; color : #133C77;}
a.haut { text-decoration: none; color : #133C77; }
a.haut:hover { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #006699; }
a.topictitle:link { text-decoration: none; color : #133C77; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #5493B4; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px;
font-weight: bold;
color : #006699;
}

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


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #133C77 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #5493B4}

.error { font-size : 12px; color: #133C77;}


/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #000000;
background-color: #FFFFFF; border: #133C77; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #006699; line-height: 125%;
background-color: #DEEEF6; border: #133C77; 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: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}



/* Form elements */
input,textarea, select {
color : #006699;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}

/* The text input fields background colour */
input.post,textarea.post {
background-color : #DEEEF6;
scrollbar-track-color: #DEEEF6;
border : 1px solid #000000;
font-size: 12px;
}
select {
background-color : #DEEEF6;
border : 1px solid #000000;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #133C77;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
background : url(images/bout01.gif);
border : 1px solid #133C77;
}

/* The main submit button option */
input.mainoption {
background-color : #AFC3C3;
font-weight : bold;
background : url(images/bout01.gif);
border : 1px solid #133C77;
}

/* None-bold submit button */
input.liteoption {
background-color : #AFC3C3;
font-weight : normal;
background : url(images/bout01.gif);
border : 1px solid #133C77;
}

/* 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: #FFFFFF; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");





voila voila , parcontre le contour est gris comme vous pouvez le constater ... en principe le fond c'est tout l'équipe des joueurs donc voila on vois que c'est pas bon Very Happy
peut etre que je me suis trompé dans l'adresse url ?

j'ai pris la premiere c'est a dire celle la

<a href="http://img454.imageshack.us/my.php?image=fondsite1au.jpg" target="_blank"><img src="http://img454.imageshack.us/img454/7880/fondsite1au.th.jpg" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a>

mais ya le choix avec ca

[IMG]

[URL=http://img454.imageshack.us/my.php?image=fondsite1au.jpg]


[img=http://img454.imageshack.us/img454/7880/fondsite1au.th.jpg]



[img=http://img454.imageshack.us/img454/7880/fondsite1au.jpg]

<a href="http://imageshack.us"><img src="http://img454.imageshack.us/img454/7880/fondsite1au.jpg" border="0" width="836" alt="Image Hosted by ImageShack.us" /></a>

http://img454.imageshack.us/my.php?image=fondsite1au.jpg

http://img454.imageshack.us/img454/7880/fondsite1au.jpg


je précise qu'il son dans l'ordre que imagehack les donne Wink



aide please Wink


Author Message
gef0301
VIP


Offline
VIP

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

PostPosted: Fri 20 Jan 2006 - 05:13    Post subject: [Tuto] Installer une image de fond Reply with quote

J'ai précisé que je n'étais pas sûr du résultat avec ce thème !

Pour l'image, le lien qui marche le mieux pour les fond d'écrans est http://img454.imageshack.us/img454/7880/fondsite1au.jpg


Forum
Author Message
pingouin33500


Offline
Guest




PostPosted: Fri 20 Jan 2006 - 10:03    Post subject: [Tuto] Installer une image de fond Reply with quote

merci , j'essaie , sinon je vais essayer aprés avec le théme subsilver , mais je c'est pas si ca va correspondre a mon foum ...
bon enfin t'inquiete pas je c'est que tu étais pas sur du résultat c'étais pour tester ;)jessaie avec ce lien sinon je vois en changeant le théme

@+


Author Message
pingouin33500


Offline
Guest




PostPosted: Fri 20 Jan 2006 - 17:16    Post subject: [Tuto] Installer une image de fond Reply with quote

bon en faite le fond d'écran ca a juste fais l'exterieur c'est a dire juste le contour ... yavais rien au milieu , mais bon faut dire que le fond d'écran n'est pas adapté ..., je pense que je vais changé de théme pour voir si yen a qui peuvent etre plus complet a fin de remplacer le fond naturellement...
mais avant tout j'aimerais savoir quel est le nom de mon théme actuel a fin de le remettre en cas de probléme .... merci merci


Author Message
tutur


Offline
Guest




PostPosted: Wed 25 Jan 2006 - 22:32    Post subject: bon Reply with quote

svp est-ce que quelqu'un pourrais m'expliquer en detail comment je fais pour mettre l'image que je veux en fond d'ecran dans mon forum ???


merci


Author Message
gef0301
VIP


Offline
VIP

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

PostPosted: Wed 25 Jan 2006 - 22:54    Post subject: [Tuto] Installer une image de fond Reply with quote

Ton thème actuel est subsilver, tu fais exactement ce qui est marqué dans le premier message de ce topic et tu devrais y arriver

Pour modifier le template overall_header.tpl, il faut cliquer sur panneau d'administration en bas de ton forum
Puis indiquer une nouvelle fois ton mot de passe
Un fois dans le panneau d'administration, tu recherches Thème, Modifier les templates, puis tu double-cliques sur overall_header.tpl


Forum
Author Message
Major G Ton


Offline
Guest




PostPosted: Mon 30 Jan 2006 - 23:14    Post subject: Modif by Tex Reply with quote

salut a tous voila je n arrive pas a mettre un fond d ecran personaliser sur mon forum

mon theme de base et subsilver comme mentionné au debut...

voici ce que j ai mis:

Code: Sélectionner - Agrandir
* 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};
background-image: url("=http://img460.imageshack.us/my.php?image=13096up.jpg");
background-repeat: repeat-y;
background-attachment: fixed;
}





ET





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






voila je ne trouve pas mon erreur
j ai hebergé mon fond sur imageshack


merci a vous de vous pencher sur mon probleme
je vais de mon coté essayer de voir ce qui ne va pas


Author Message
Major G Ton


Offline
Guest




PostPosted: Mon 30 Jan 2006 - 23:51    Post subject: [Tuto] Installer une image de fond Reply with quote

bon en fait j ai trouvé une erreur a force de lire ce forum

j ai modifié ca:

url("=http://img460.imageshack.us/my.php?image=13096up.jpg");


par ca:.

url("http://img460.imageshack.us/img460/7127/13096up.jpg");


et tout marche merci a moi de mettre répondu comme un grand mdr!!!

non merci a vous les explication sont tres bine fait et en lisant le forum j ai compris mon erreur


Author Message
kakashi


Offline
Guest




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

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
Contenu Sponsorisé





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

Display posts from previous:   
Reply to topic Page 7 of 268 Goto page: <  1, 2, 36, 7, 8266, 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