Accueil
Créer un forumbannire grand format + arriere plan ?
2 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
bannire grand format + arriere plan ?
par djassem Mar 21 Juin 2011 - 0:17
Bonjour a tous ,
j'ai voulu créer une bannière de cette taille : http://hitskin.com/themes/16/99/86/i_logo.png , mais vue sa taille je devais donc la positionner en arrière plan et la justement je n'es pas de fond au final , que faire ?
http://design-decor.forumgratuit.org/forum
Merci
j'ai voulu créer une bannière de cette taille : http://hitskin.com/themes/16/99/86/i_logo.png , mais vue sa taille je devais donc la positionner en arrière plan et la justement je n'es pas de fond au final , que faire ?
http://design-decor.forumgratuit.org/forum
Merci
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mar 21 Juin 2011 - 1:04
Bonsoir
Sur votre modèle, il s'agit d'une bannière collée dans l'image avec le fond puis fixée. donc une seule image pour les deux insérée dans le fond dans les images, et en entete, une image transparente de la taille originelle du logo insérée à l'emplacement du logo.
Cordialement.
Sur votre modèle, il s'agit d'une bannière collée dans l'image avec le fond puis fixée. donc une seule image pour les deux insérée dans le fond dans les images, et en entete, une image transparente de la taille originelle du logo insérée à l'emplacement du logo.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mar 21 Juin 2011 - 16:54
Bonjour,
désolé j'ai eu quelques petits soucis avec les liens , mais je voudrais faire une bannière de ce style , et en même temps avec un fond si possible .
http://demo.nicetheme.com/forum?theme_id=170958
désolé j'ai eu quelques petits soucis avec les liens , mais je voudrais faire une bannière de ce style , et en même temps avec un fond si possible .
http://demo.nicetheme.com/forum?theme_id=170958
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mar 21 Juin 2011 - 20:36
Dans ce nouvelle exemple, dans la partie fond dans images, il y a l'image, un transparent pour le logo, la couleur dans couleur du fond dans la partie couleur et ensuite dans la css est rajouté :
body {
background-repeat: no-repeat;
background-position: top center;
}
Cordialement.
body {
background-repeat: no-repeat;
background-position: top center;
}
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 0:41
oui voila exactement et justement a la place du fond en couleur uni je voudrais y ajouter ma propre ... "image" a la place si possible
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mer 22 Juin 2011 - 0:54
Bonsoir
Vous ne pouvez mettre deux background à un seul endroit.
Le seul moyen d'avoir deux fond avec images, c'est de les regrouper en une seule, comme dans l'exemple du début. avec dans la gestion des images, votre entete et background regroupés dans une seule image installé dans le fond et une image transparente dans le logo.
Si vous ne savez pas comment faire cette image, vous pouvez toujours demander à notre Section Graphique.
Cordialement.
Vous ne pouvez mettre deux background à un seul endroit.
Le seul moyen d'avoir deux fond avec images, c'est de les regrouper en une seule, comme dans l'exemple du début. avec dans la gestion des images, votre entete et background regroupés dans une seule image installé dans le fond et une image transparente dans le logo.
Si vous ne savez pas comment faire cette image, vous pouvez toujours demander à notre Section Graphique.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 0:59
Bonsoir ,
je voudrais garder ma bannière de cette même taille donc quand je la positionne en tant que bannière elle se décale beaucoup trop vers la droite , je me suis donc dis de la mettre en arrière plan , et faire quelque chose comme ca : http://www.labulleworld.com/forum
deux arrières plan a la fois , je ne sais pas si ce que je dis est compréhensible lol , excusez moi
Merci d'avance.
je voudrais garder ma bannière de cette même taille donc quand je la positionne en tant que bannière elle se décale beaucoup trop vers la droite , je me suis donc dis de la mettre en arrière plan , et faire quelque chose comme ca : http://www.labulleworld.com/forum
deux arrières plan a la fois , je ne sais pas si ce que je dis est compréhensible lol , excusez moi
Merci d'avance.
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mer 22 Juin 2011 - 1:06
Le mieux alors serait d'insérer votre en-tête dans le template overall_header, puis votre fond par la css directement.
Vous etes en phpbb2, etes vous le fondateur de votre forum ? Si oui, puis-je avoir votre template overall_header ?
Vous etes en phpbb2, etes vous le fondateur de votre forum ? Si oui, puis-je avoir votre template overall_header ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 1:10
Bonsoir,
je vous donne cela :
Je voudrais aussi le faire sur un autre forum si possible , merci bien .
je vous donne cela :
- Spoiler:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>
<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des �l�ments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des �l�ments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
<script type="text/javascript" src="http://dl.toofiles.com/vaaoje/documents/xo7gwn-at73lt-9xxv96.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#chatbox_top").juizSlideBox();
});
</script>
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DESCRIPTION}
</span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
Je voudrais aussi le faire sur un autre forum si possible , merci bien .
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mer 22 Juin 2011 - 1:17
Pour le second, il suffira de suivre la même manoeuvre
repérez ceci :
nous allons y ajouter une div qui contiendra votre logo :
puis dans votre css rajoutez :
/*fond*/
body {
background-image:url("adresse de votre fond");
}
/*logo*/
.entete {
background-image:url("adresse de votre logo");
background-repeat: no-repeat;
background-position: top center;
height : hauteur de votre imagepx;
width : largeur de votre imagepx;
position : absolute;
}
repérez ceci :
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
nous allons y ajouter une div qui contiendra votre logo :
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div class="entete"> </div>
<!-- BEGIN hitskin_preview -->
puis dans votre css rajoutez :
/*fond*/
body {
background-image:url("adresse de votre fond");
}
/*logo*/
.entete {
background-image:url("adresse de votre logo");
background-repeat: no-repeat;
background-position: top center;
height : hauteur de votre imagepx;
width : largeur de votre imagepx;
position : absolute;
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 1:30
Bonsoir , ca ne marche pas 
j'ai pourtant tout fait : http://design-decor.forumgratuit.org/forum
ca a tout décalé vers la gauche et pas de fond en vue
j'ai pourtant tout fait : http://design-decor.forumgratuit.org/forum
ca a tout décalé vers la gauche et pas de fond en vue
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mer 22 Juin 2011 - 1:33
Il vous faut une image transparente pour le début de votre forum, que vous installerez dans PA > Affichages > Gestion des images > Mode avancée > Général & Navigation > Logo du forum
cette image transparente doit faire la hauteur de votre logo normal.
Pour le fond qui ne fonctionne pas, puis-je avoir votre css.
Cordialement.
cette image transparente doit faire la hauteur de votre logo normal.
Pour le fond qui ne fonctionne pas, puis-je avoir votre css.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 1:35
ReBonsoir,
pas de problème , Css :
pas de problème , Css :
- Spoiler:
/*fond*/
body {
background-image:url("https://i.servimg.com/u/f29/15/59/74/61/bacckg10.jpg");
}
/*logo*/
.entete {
background-image:url("https://i.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
background-position: top center;
height : 1366px;
width : 456px;
position : absolute;
}
body { cursor: crosshair }
a:hover { cursor:ne-resize; }
u{border-bottom: 2px solid;border-color:#CC7878;text-decoration: none;
-moz-border-radius:10px;}
I{border-bottom:none; color:#CC7878;text-decoration: none
}
a:hover{text-transform:uppercase;}
.bodylinewidth {
width:70%}
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}
.forumline{
background-color: #CC7878;
}
body
{
background-color: #;
background-image: url(https://i.servimg.com/u/f29/15/59/74/61/hey_he14.jpg);
background-position: top center;
background-repeat: repeat-x;
}
a.mainmenu{
text-decoration: none;
color : #ffffff;
}
a.mainmenu:hover{
text-decoration: none;
color : #7a3737;
}
.forumline{
border: 3px #7a3737
dashed;
}
a.mainmenu:link, a.mainmenu:visited{
background-color: #CC7878;
border-left: 9px solid #CC7878;
border-right: 6px solid #CC7878;
-moz-border-radius:13px;
border: 2px #7a3737
dashed;
}
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mer 22 Juin 2011 - 1:42
Votre css était très en fouillie, je vous l'ai refaite. De plus, il y avait un code qui buguait avec le mien. Installez celle-ci à la place de la votre
- Code:
/*fond*/
body {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/bacckg10.jpg");
cursor: crosshair
}
/*logo*/
.entete {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
height : 1366px;
width : 456px;
position : absolute;
}
a:hover {
cursor:ne-resize;
text-transform:uppercase;
}
u{
border-bottom: 2px solid;
border-color:#CC7878;
text-decoration: none;
-moz-border-radius:10px;
}
I{
border-bottom:none;
color:#CC7878;
text-decoration: none
}
.bodylinewidth {
width:70%
}
a {
font-variant: small-caps;
}
.forumline{
-moz-border-radius:15px;
background-color: #CC7878;
border: 3px dashed #7a3737;
}
.bodyline {
-moz-border-radius:40px;
}
a.mainmenu{
text-decoration: none;
color : #ffffff;
}
a.mainmenu:hover{
text-decoration: none;
color : #7a3737;
}
a.mainmenu:link, a.mainmenu:visited{
background-color: #CC7878;
border-left: 9px solid #CC7878;
border-right: 6px solid #CC7878;
-moz-border-radius:13px;
border: 2px #7a3737
dashed;
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 1:45
j'ai effectivement le fond , mais il n'y a pas la totalité de la bannière ,de + elle n'est pas en harmonie avec l'arrière plan :S
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mer 22 Juin 2011 - 1:48
Vous avez inversé la largeur et la hauteur dans la css, je ne m'en étais pas rendue compte.
Changez ceci :
et il faudrait rendre le bas de votre image transparent.
Pour l'harmonie je ne peut rien faire , vous êtes seul maitre des images que vous voulez mettre ensemble ^^
Cordialement.
Changez ceci :
- Code:
/*logo*/
.entete {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
height : 1366px;
width : 456px;
position : absolute;
}
- Code:
/*logo*/
.entete {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
height : 456px;
width : 1366px;
position : absolute;
}
et il faudrait rendre le bas de votre image transparent.
Pour l'harmonie je ne peut rien faire , vous êtes seul maitre des images que vous voulez mettre ensemble ^^
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 1:51
voila c'est fait , pour la transparence je vais de suite le faire , mais elle n'est un peu decalle vers le bas et la droite , c'est justement ca que je n'arrive pas a controller , que faire ?
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mer 22 Juin 2011 - 1:53
Essayer ceci :
Est-ce mieux ?
vous pouvez adapter vous meme en changeant les valeurs des deux derniers codes.
- Code:
/*logo*/
.entete {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/hey_he14.jpg");
background-repeat: no-repeat;
height : 456px;
width : 1366px;
position : relative;
top :-2px;
left:-2px
}
Est-ce mieux ?
vous pouvez adapter vous meme en changeant les valeurs des deux derniers codes.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 1:57
Ah ! oui la c'est excellent , merci beaucoup ^^
j'aurai une dernière question si possible svp , peut-on décaler le "tableau" ou se trouve les rubriques vers la droites ? (légèrement)
ou alors c'est l'arrière plan ?
j'aurai une dernière question si possible svp , peut-on décaler le "tableau" ou se trouve les rubriques vers la droites ? (légèrement)
ou alors c'est l'arrière plan ?
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
Re: bannire grand format + arriere plan ?
par SoraNoHime Mer 22 Juin 2011 - 1:59
J'y pensais justemet ^^
décalé plutot votre arrière plan, al a place de
mettez ceci :
décalé plutot votre arrière plan, al a place de
- Code:
/*fond*/
body {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/bacckg10.jpg");
cursor: crosshair
}
mettez ceci :
- Code:
/*fond*/
body {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/bacckg10.jpg");
background-position: top center;
cursor: crosshair
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: bannire grand format + arriere plan ?
par djassem Mer 22 Juin 2011 - 2:04
Vous avez vraiment du potentiel ^^ , c'est tout ce qu'il me fallait
Encore une fois , je vous remercie
et peut être a une prochaine fois , pourquoi pas
si vous avez quelques remarques par rapport au forum n'hésitez pas ( CSS...etc)
Encore une fois , je vous remercie
et peut être a une prochaine fois , pourquoi pas
si vous avez quelques remarques par rapport au forum n'hésitez pas ( CSS...etc)
djassem- *****
-
Messages : 519
Inscrit(e) le : 18/11/2009 -
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