bannire grand format + arriere plan ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu bannire grand format + arriere plan ?

Message par djassem le 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

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le 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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le 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

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le 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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le 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
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le 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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le 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.

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le 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 ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le Mer 22 Juin 2011 - 1:10

Bonsoir,

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="http://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="http://illiweb.com/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
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le Mer 22 Juin 2011 - 1:17

Pour le second, il suffira de suivre la même manoeuvre

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
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le Mer 22 Juin 2011 - 1:30

Bonsoir , ca ne marche pas Sad

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
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le 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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le Mer 22 Juin 2011 - 1:35

ReBonsoir,

pas de problème , Css :
Spoiler:

/*fond*/
body {
background-image:url("http://i29.servimg.com/u/f29/15/59/74/61/bacckg10.jpg");
}

/*logo*/
.entete {
background-image:url("http://i29.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(http://i29.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
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le 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
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le 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
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le 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 :

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;
}
Ainsi

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
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le 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
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le Mer 22 Juin 2011 - 1:53

Essayer 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 : 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
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le 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 ?

djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par SoraNoHime le Mer 22 Juin 2011 - 1:59

J'y pensais justemet ^^

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
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: bannire grand format + arriere plan ?

Message par djassem le 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 Wink

si vous avez quelques remarques par rapport au forum n'hésitez pas ( CSS...etc)


djassem
*****

Masculin
Messages : 519
Inscrit(e) le : 18/11/2009

http://www.ghouraba.forumactif.org
djassem a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum