Archives FluxBB.fr

Les archives de FluxBB.fr

Vous n'êtes pas identifié(e).

Pages : 1 2

#26 19-09-2008 10:03:43

M@x
Membre

Re : Une Colone de PUB a Droite du forum .

oldie-2 a écrit :

Complétement d'accord ! Sauf que ce qu'il veut, c'est que sa pub reste "clouée" à l' écran même enc as de défilement wink

Css déjà proposé.

M@x.

...

Hors ligne

#27 19-09-2008 12:20:46

Amigo41
Membre

Re : Une Colone de PUB a Droite du forum .

M@x a écrit :

Css déjà proposé.

M@x.

Tu veut dire que le sujet a déjà était proposer ?
J'ai fouiller mais pas trouver Oo

http://www.les-petites-annonces-gratuites.net
http://www.blogdesjoueurs.com

Hors ligne

#28 19-09-2008 20:17:34

M@x
Membre

Re : Une Colone de PUB a Droite du forum .

Ti pierre a écrit :
background-attachment: fixed

dans la feuille de style wink

...

Hors ligne

#29 19-09-2008 21:23:33

Amigo41
Membre

Re : Une Colone de PUB a Droite du forum .

mais je n'est pas toucher ma feuille de style ,j'ai modifier le main.tpl donc faudrait que je modifie le Css je pige rien la désoler

http://www.les-petites-annonces-gratuites.net
http://www.blogdesjoueurs.com

Hors ligne

#30 19-09-2008 23:20:10

M@x
Membre

Re : Une Colone de PUB a Droite du forum .

Tu peut aussi mettre le css dans ton main.tpl. Après je en comprend pas vraiment pourquoi tu ne souhaite pas toucher au style de ton forum ?
"C'est fait pour"

M@x.

...

Hors ligne

#31 19-09-2008 23:34:40

Amigo41
Membre

Re : Une Colone de PUB a Droite du forum .

M@x a écrit :

Tu peut aussi mettre le css dans ton main.tpl. Après je en comprend pas vraiment pourquoi tu ne souhaite pas toucher au style de ton forum ?
"C'est fait pour"

M@x.

ce n'est pas que je veut pas
juste que je penser qu'il falait juste que je touche au main.tlp
aprés je ne vois ou mettre dans le css "background-attachment: fixed"

http://www.les-petites-annonces-gratuites.net
http://www.blogdesjoueurs.com

Hors ligne

#32 20-09-2008 19:12:56

Ti pierre
Membre

Re : Une Colone de PUB a Droite du forum .

oldie-2 a écrit :

Je pense qu'il faut l'aider un peu, ce n'est pas si évident que cela ! Moi, je n'ai pas tout compris de ce que vous lui proposez !

Est-ce cela ?

body
{ 
background-image: url(http://www.cashtrafic.com/script/image.php?id=2333&ban=583);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top right
}

et puis comment va-t'il mettre son lien de pub sur l'image en background ?

Qui a parler d'image ?

Ce que je pense moi, c'est de créer un bloc dont les dimensions sont fixes, puis on le fixe avec le css à la page, et dans ce bloc il introduit son lien de pub par le biais de main.tpl

Logique non ?

Dernière modification par Ti pierre (20-09-2008 19:13:53)

Hors ligne

#33 20-09-2008 23:43:20

Ti pierre
Membre

Re : Une Colone de PUB a Droite du forum .

Pour moi il faut créer un bloc dans main.tpl à l'endroit où il veut mettre sa pub :

<div class="bloc_pub">
<script>...</script>
</div>

Puis dans la feuille de style :

.bloc_pub{
width: 200px; /*largeur du bloc */
height: 500px; /*hauteur du bloc*/
background-color: #FFF; /*couleur du bloc*/
background-attachment: fixed; /*on fixe le bloc*/
}

C'est à tester mais je pense que ça devrait faire l'affaire smile

Edit : Merci M@x je n'avait pas fait attention. Que ferais-je sans toi :doigt:

Dernière modification par Ti pierre (20-09-2008 23:50:41)

Hors ligne

#34 20-09-2008 23:48:51

M@x
Membre

Re : Une Colone de PUB a Droite du forum .

Exactement Ti pierre. Juste placer le bloc ou vous souhaitez le mettre (avec d'autres attributs css par exemple) et ne pas oublier de fermer l'accolade ({) au .bloc_pub smile

M@x;

...

Hors ligne

#35 21-09-2008 02:08:37

M@x
Membre

Re : Une Colone de PUB a Droite du forum .

Oups en effet je me suis trompé. Je n'ai pas vraiment fait attention de quelle propriété on parlait.

Au fait c'est :

position: fixed;

wink

M@x.

...

Hors ligne

#36 21-09-2008 02:33:35

Amigo41
Membre

Re : Une Colone de PUB a Droite du forum .

ok ok je n'est pas laisser tomber
j'ai juste rien comprit a se que vous dite désoler

édit:
je vient de faire plusieur teste alors soit l'image disparer ou tous le forum deformer Oo bre en resumer l'image ne se fixe pas
Si vous arriver pas que ses trop dur ont laisse tomber

Dernière modification par Amigo41 (21-09-2008 03:04:51)

http://www.les-petites-annonces-gratuites.net
http://www.blogdesjoueurs.com

Hors ligne

#37 21-09-2008 14:14:43

Amigo41
Membre

Re : Une Colone de PUB a Droite du forum .

je suis sur ie7 et l'image ne se fixe pas a l'ecran

alor je vais vous mettre ici mon Base.css

/****************************************************************/
/* 1. INITIAL SETTINGS */
/****************************************************************/

.pun TABLE, .pun DIV, .pun FORM, .pun P, .pun H1, .pun H2, .pun H3,
.pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
.pun DT, .pun DD, .pun TH, .pun TD, .pun FIELDSET, .pun IMG {
    MARGIN: 0px;
    PADDING: 0px;
    FONT-WEIGHT: normal;
    LIST-STYLE: none;
}

.pun IMG {BORDER: none}

.pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {MARGIN: 0}

/****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 2.1 Clearing floats and invisible items */
.pun .clearer, .pun .nosize {
    HEIGHT: 0;
    WIDTH: 0;
    LINE-HEIGHT: 0;
    FONT-SIZE: 0;
    OVERFLOW: hidden
}

.pun .clearer, .pun .clearb {CLEAR: both}
.pun .nosize {POSITION: absolute; LEFT: -10000px}

/* 2.2 Overflow settings for posts */

DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}

/****************************************************************/
/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
/****************************************************************/

/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */

DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}

/* 3.2 This is only visible to IE6 Windows and cures various bugs. Do not alter comments */

/* Begin IE6Win Fix \*/
* HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}
* HTML .inbox DIV.postmsg {WIDTH: 98%}
/* End of IE6Win Fix */

/* 3.3 This is the equivelant of 3.2 but for IE7. It is visible to other browsers
but does no harm */

/*Begin IE7Win Fix */
.pun, .pun .inbox, .pun .inform, .pun .intd, .pun .tclcon {min-height: 1px}
/* End of IE7Win Fix */

/****************************************************************/
/* 4. HIDDEN ELEMENTS */
/****************************************************************/

/* These are hidden in normal display. Add comments to make them visible */

#brdfooter H2, #brdstats H2, #brdstats .conl DT, #brdstats .conr DT,
#modcontrols DT, #searchlinks DT, DIV.postright H3 {
    POSITION: absolute;
    DISPLAY: block;
    OVERFLOW: hidden;
    WIDTH: 1em;
    LEFT: -999em
}

/****************************************************************/
/* 5. BOX CONTAINERS AND FLOATS */
/****************************************************************/

/* 5.1. Setup all left and right content using floats. */  

.conr {
    FLOAT: right;
    TEXT-ALIGN: right;
    CLEAR: right;
    WIDTH: 40%
}

.conl {
    FLOAT: left;
    WIDTH: 55%;
    OVERFLOW: hidden;
    WHITE-SPACE: nowrap
}

LABEL.conl {
    WIDTH: auto;
    OVERFLOW: visible;
    MARGIN-RIGHT: 10px
}

/* 5.2 Set up page numbering and posts links */

DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl {WIDTH:18em}

DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr {WIDTH:16em}

FORM DIV.linksb .conr {WIDTH: 32em}

/* 5.3 Keep breadcrumbs from shifting to the right when wrapping */

.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 18em}

/* 5.4 Settings for Profile and Admin interface.*/

DIV.block2col {PADDING-BOTTOM: 1px}

DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em}

DIV.blockmenu, #viewprofile DT {
    FLOAT:left;
    WIDTH: 13em
}

#profileavatar IMG {
    FLOAT: right;
    MARGIN-LEFT: 1em
}

#viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden}

/****************************************************************/
/* 6. TABLE SETUP */
/****************************************************************/

/* 6.1 Table Basic Setup */

.pun TABLE {WIDTH: 100%}

/* 6.2 Fixed Table Setup */

#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}

.tcl {TEXT-ALIGN: left; WIDTH: 50%}

.tc2, .tc3, .tcmod {WIDTH: 9%; TEXT-ALIGN: center}

.tcr {WIDTH: 32%; TEXT-ALIGN: left}

#punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%}

#punsearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left}

.tcl, .tcr {OVERFLOW: HIDDEN}

/* 6.3 Other Table Setup */

#users1 .tcl {WIDTH: 40%}

#users1 .tcr {WIDTH: 25%}

#users1 .tc2 {WIDTH: 25%; TEXT-ALIGN: left}

#users1 .tc3 {WIDTH: 10%; TEXT-ALIGN: center}

#debug .tcr {WIDTH: 85%; WHITE-SPACE: normal}

#punindex TD.tcr SPAN.byuser {DISPLAY: block}

/****************************************************************/
/* 7. VIEWTOPIC SETUP */
/****************************************************************/

/* 7.1 This is the basic structure. */

DIV.postleft, DIV.postfootleft {
    FLOAT:left;
    WIDTH: 18em;
    OVERFLOW: hidden;
    POSITION: relative;
}
    
DIV.postright, DIV.postfootright {
    BORDER-LEFT-WIDTH: 18em;
    BORDER-LEFT-STYLE: solid
}

DIV.postfootright, P.multidelete {TEXT-ALIGN: right}

DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}

/* 7.3 This is the div which actually contains the post and is inside .postright */

DIV.postmsg {WIDTH:100%}

/* 7.4 These items control overflow and scrolling within posts. */

DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden}
DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}
IMG.postimg {max-width: 100%}
A .postimg {max-width: 100%}

/* 7.5 Turn off the poster information column for preview */

#postpreview DIV.postright {BORDER-LEFT: none}

/* 7.6 Create the horizontal line above signatures */

DIV.postsignature HR {
    MARGIN-LEFT: 0px;
    WIDTH: 200px;
    TEXT-ALIGN: left;
    HEIGHT: 1px;
    BORDER:none
}

/* 7.7 Maximum height for search results as posts. Position go to post link */

DIV.searchposts DIV.postmsg {HEIGHT: 8em}
DIV.searchposts DD P {PADDING-TOP: 3em}

/* 7.8 Class for bbcode [u] */

SPAN.bbu {TEXT-DECORATION: underline}

/****************************************************************/
/* 8. LISTS SPECIAL SETTINGS */
/****************************************************************/

/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */

#onlinelist DD, #onlinelist DT, #onlinetodaylist DD, #onlinetodaylist DT,
#brdmenu LI, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
DIV.postfootright LI, UL.bblinks LI {
    DISPLAY: inline;
    HEIGHT: 0
}

/* 8.2 Turn on square icon for posterror list */

#posterror UL LI {LIST-STYLE: square inside}

/* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */

#viewprofile DT {TEXT-ALIGN: right}

/****************************************************************/
/* 9. FORM SETTINGS */
/****************************************************************/

/* 9.1 Makes textareas and long text inputs shrink with page */

DIV.txtarea {WIDTH: 75%}

DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}

.pun LABEL {DISPLAY: block}

#qjump SELECT {WIDTH: 50%}

/****************************************************************/
/* 10. HELP FILES AND MISC. */
/****************************************************************/

/* 10.1 Put some space between sections of the help file */

#helpfile H2 {MARGIN-TOP: 12px}

/* 10.2 Internal padding */

#helpfile DIV.box {PADDING: 10px}

/* 10.3 Other templates */

#punredirect DIV.block, #punmaint DIV.block {MARGIN: 50px 20% 12px 20%}


img.maxavatar{max-width:35px; max-height:35px; float:left; margin-right:5px;}[/quote]
Main.tpl
[quote]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<link rel="shortcut icon" type="image/x-icon" href="http://www.forumdusexe.com/bouche2.ico" />
<style type="text/css">
   
    #right {
        width: 133px;
        float: right;
    }
    #main {
        margin-right: 135px;
    }
    #container {
        width: 100%;
        float: left;
        margin-right: -133px;
</style>
</head>
<body>

<div id="punwrap">

<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>
        <pun_announcement>
<div id="container">
    <div id="main">


        <pun_main>
        
    </div>    
</div>
<div style="float:left;">
    <div id="right">    
        <div class="block">
            <h2 class="block"><span><center>Publicité</center></span></h2>
            <div class="box">
                 <div class="inbox">
                <ul>
                <center><li><a href="index.php">
                
<script language="JavaScript" src="http://www.cashtrafic.com/script/java.php?id=2333&ban=583&data="></script>
</a></li>
                </ul>  
                </div>
            </div>
        </div>
    </div>
</div>

<div class="clearer"></div>

<pun_footer>

</div>
</div>

</body>
</html>

http://www.les-petites-annonces-gratuites.net
http://www.blogdesjoueurs.com

Hors ligne

#38 23-09-2008 12:39:10

Amigo41
Membre

Re : Une Colone de PUB a Droite du forum .

bon j'ai fait des multiple essaie sans jamais arriver a fixer l'image donc je pense que se n'est pas fesable !!!!

http://www.les-petites-annonces-gratuites.net
http://www.blogdesjoueurs.com

Hors ligne

#39 23-09-2008 13:10:31

Ishido
Membre

Re : Une Colone de PUB a Droite du forum .

oldie-2 a écrit :
Mpok a écrit :

Mais pourquoi vous vous emmerdez avec des scripts javascript à la noix qui vont faire ramer le site ????

Il suffit de faire une structure html propre, avec une boite en "float: right", et ça marchera...

Complétement d'accord ! Sauf que ce qu'il veut, c'est que sa pub reste "clouée" à l' écran même enc as de défilement wink

Ce que CSS sait  faire (mais le nom de la propriété m'échappe).

Chez Wam
Message tapé en Bépo avec un TypeMatrix 2030 USB smile

Hors ligne

#40 23-09-2008 13:54:24

NoX09
Membre

Re : Une Colone de PUB a Droite du forum .

Normalement c'est cette propriété css:

position : fixed;
top : .....px;
left : ....px;

Il me semble que la solution à ton problème pourrait être ici: http://fr.selfhtml.org/css/misesenpage/ … m#fixe_-ie .
En utilisant l'adaptation à IE (http://fr.selfhtml.org/css/misesenpage/domainefixe.htm#defi-nir ), tu arriverais à fixer ton élément dans pas mal de navigateurs.

Dernière modification par NoX09 (23-09-2008 13:58:00)

Utiliser : FAQ - AIDE - RECHERCHE

Hors ligne

#41 24-09-2008 00:49:03

Amigo41
Membre

Re : Une Colone de PUB a Droite du forum .

trop compliqué pour moi là !
merci d'avoir prit votre temps pour tenter de fixer cette fameuse image .
je reste quand même pas troploin au cas ou une solution (simple) serait proposer happy

http://www.les-petites-annonces-gratuites.net
http://www.blogdesjoueurs.com

Hors ligne

#42 03-12-2008 17:53:51

Jonathan06
Membre

Re : Une Colone de PUB a Droite du forum .

Je m'excuse de m'incruster dans ce sujet, mais j'ai pensé que c'est mieux que d'en créer un nouveau, si j'ai mal fait alors je vous prie de le deplacer si nécessaire wink


Donc j'ai pris ce code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
<style type="text/css">
   
    #right {
        width: 133px;
        float: right;
    }
    #main {
        margin-right: 135px;
    }
    #container {
        width: 100%;
        float: left;
        margin-right: -133px;
</style>
</head>
<body>

<div id="punwrap">

<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>
        <pun_announcement>
<div id="container">
    <div id="main">


        <pun_main>
        
    </div>    
</div>

<div id="right">    
    <div class="block">
        <h2 class="block2"><span><center>Publicité</center></span></h2>
        <div class="box">
            <div class="inbox">
                <ul>
                      <li><a href="index.php">
Lien pub
</a></li>
<li><a href="index.php">
Lien pub
</a></li>
<li><a href="index.php">
Lien Pub
</a></li>
<li><a href="index.php">
Lien Pub
</a></li>
<li><a href="index.php">
Lien Pub
</a></li>
                </ul>        
            </div>
        </div>
    </div>
</div>

<div class="clearer"></div>

<pun_footer>

</div>
</div>

</body>
</html>

grace auquel j'ai pu rajouter une colonne a droite, parconte, selon le navigateur  utilisé la colonne ne s'affiche pas, a titre d'exemple sous IE7 j'aipas de colonne a droite sad  Alors que sous Firefox ca s'affiche a peux pres bien sauf qu'elle se retrouve decalé quand j'affiche un sujet quelconque. Le sujet ne s'affiche pas  a la meme hauteur que ma colonne. Le sujet commence en dessous de ma colonne.


Donc si quelqu'un a une solution a ce probleme, ou a un tuto quelque part qui explique comment rajouter une colonne a gauche ou a droite je suis preneur.


100000 merci d'avance.

Dernière modification par Jonathan06 (03-12-2008 18:05:48)

Hors ligne

Pages : 1 2

Pied de page des forums