CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| xallys
{ Membre }
Messages : 12
| | | | Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour ^^
Pour la première question, il s'agit d'une demande de code. Je vous invite donc à patienter le temps que la section appropriée sois réouverte ^^
Pour les 2 autres questions, pouvez vous nous donner les codes respectifs de votre CSS et votre Chat-box dans le template, s'il vous plaît ? ^^ | | |
| | | xallys
{ Membre }
Messages : 12
| Merci pour cette réponse rapide Donc voilà mon CSS (oui, y'a beaucoup de choses ^^) :
- Spoiler:
- Code:
-
body { background-repeat: no-repeat; }
a:hover { text-decoration: none !important; }
a { font-variant: small-caps; text-decoration: none; }
a:hover{ letter-spacing : 3px; }
.titre { font-family: arial, serif; font-size: 110%; text-transform: uppercase; border-bottom: 3px solid #EEEDDB; background-color: #; color: #85AAA9; text-align: center; border-left: 1px solid #EEEDDB; border-right: 1px solid #EEEDDB; -moz-border-radius: 50px; } tr.post td {padding-left: 20px;}
.statistiques{ border:0px; background-repeat: no-repeat; background-position: center; height:270px;}
.groupes{ background-color:#FFFFFF;border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
#lnrbox { position: fixed; bottom: 50px; left: 0px; background-color: #; background-position: center; border: 1px solid #; border-bottom: 4px solid #; z-index: 999; }
.bodyline { -moz-border-radius:10px; }
.forumline{ background-color: #DED5C1; -moz-border-radius: 10px ; border: 3px #DED5C1 solid; }
td.row1 {background:url('http://i39.tinypic.com/25a67gg.jpg');} td.row2 {background:url('http://i39.tinypic.com/25a67gg.jpg');} td.row3 {background:url('http://i39.tinypic.com/25a67gg.jpg');}
#navigation ul{ list-style-type: none; text-align: center; -moz-border-radius: 10px } #navigation li{ display: inline; text-align: center; margin: 0 10px 10px 0; -moz-border-radius: 10px } #navigation li a { padding: 2px 7px 2px 7px; color: #FFF; background-color: #85AAAE; text-decoration: none; -moz-border-radius: 10px } #navigation li a:hover{ background-color: #BFD2D5; color: #ffffff; -moz-border-radius: 10px }
.patexte{ text-align: center; -moz-border-radius: 10px; background-color: #85AAAE; color: #FFFFFF; margin: 0 10px 10px 0; }
.statistiques{ border:0px; background-image: url("http://i40.tinypic.com/2ppmxzn.png"); background-repeat: no-repeat; background-position: center; height:270px;}
.groupes{ background-color:#FFFFFFF;border: 1px #BFD2D5 solid; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
Et pour la Chat Box (overall_header_new). Je suis pas sure que ce soit exactement ce que vous attendiez, enfin c'est le code que j'ai ajouté pour faire la Chat Box latérale donc je suppose que c'est ça ...
- Code:
-
<table id="lnrbox"><tr><td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="http://i41.tinypic.com/2hx2e03.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'block':'none'; this.src=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'http://i41.tinypic.com/104eu4n.jpg' :'http://i41.tinypic.com/2hx2e03.png';"/></td></tr></table> Comme je suis nulle en CSS & Html j'avoue que je ne suis plus sure où commence exactement le code ... ><' Donc voilà tout le (la ?) template :
- Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml"> <head> <table id="lnrbox"><tr><td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="http://i41.tinypic.com/2hx2e03.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'block':'none'; this.src=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'http://i41.tinypic.com/104eu4n.jpg' :'http://i41.tinypic.com/2hx2e03.png';"/></td></tr></table> <!-- 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 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="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- 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 --> <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 hitskin_preview --> <style type="text/css"> #hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; }
#hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style> <!-- END hitskin_preview --> </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://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} <br /> <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> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}<br /> </span> </td> <!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center --> <td align="center" width="100%" valign="middle"> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br /> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}</span> </td> <!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <span class="gen">{SITE_DEscriptION}<br /> </span> </td> <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 --> <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 -->
| | |
| | | Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour ^^
Le problème est-il résolu ? | | |
| | | xallys
{ Membre }
Messages : 12
| Heu non, j'attends toujours une réponse à mes deux questions. Merci d'avance | | |
| | | Nashii
{ Membre actif }
Messages : 516
| Salut
pour la question 2 avec le cadre de couleur différente... Je te conseille de mettre la couleur de fond ou marron (bref la couleur de ton design ) Moi c'est se que je fais....
Pour la 3 je ne comprend pas trop ... ^^ Sa te fait quoi ? Sur ton forum ? | | |
| | | Nashii
{ Membre actif }
Messages : 516
| Snipe ce n'est pas un up ^^" elle répondait à la question posé au dessus par Imari XD | | |
| | | xallys
{ Membre }
Messages : 12
| Désolée si la formulation n'était pas ... heu ... "règlementaire" j'ai voulu être polie. ^^'
2) C'est bon j'ai trouvé la solution pour les traits noirs, cela venait des contours : ) Ils étaient transparents & ça les affichaient en noir sur le forum. ^^
3) Pour la box, voici une capture d'écran de ce que j'ai actuellement. En fait, mon bouton "FERMER" est très clair & avec une transparence et donc il ne se voit pas. J'aimerai mettre un "fond" derrière le bouton, comme sur la capture d'écran du premier message.
- Spoiler:
| | |
| | | Boow
{ Membre actif }
Messages : 866
| Votre problème est-il résolu ? | | |
| | | xallys
{ Membre }
Messages : 12
| Toujours pas, désolée. (Mais si personne ne peut répondre alors tant pis, vous pouvez fermer ce sujet qui traine depuis longtemps. Désolée pour le dérangement ^^') | | |
| | | Boow
{ Membre actif }
Messages : 866
| Alors je ne sais absolument pas la réponse ^^' Mais si tu veux, je peux te proposer quelques trucs. En essayant, tu trouveras peut-être quelque chose qui convient ^^'
- Code:
-
<table id="lnrbox"><tr><td style="background-color: red;"> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="http://i41.tinypic.com/2hx2e03.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'block':'none'; this.src=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'http://i41.tinypic.com/104eu4n.jpg' :'http://i41.tinypic.com/2hx2e03.png';"/></td></tr></table> Ou totalement autre chose :
- Code:
-
<table> <tr style="background-color: red;"> <td> <table id="lnrbox"><tr><td style="background-color: red;"> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td></tr></table> </td> <td style="vertical-align: bottom;"> <img src="http://i41.tinypic.com/2hx2e03.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'block':'none'; this.src=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'http://i41.tinypic.com/104eu4n.jpg' :'http://i41.tinypic.com/2hx2e03.png';"/> </td> </tr> </table> Ou peut-être ceci :
- Code:
-
[code]<table id="lnrbox" style="background-color: red;"><tr><td> <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="http://i41.tinypic.com/2hx2e03.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'block':'none'; this.src=(this.src=='http://i41.tinypic.com/2hx2e03.png')?'http://i41.tinypic.com/104eu4n.jpg' :'http://i41.tinypic.com/2hx2e03.png';"/></td></tr></table>[/code] | | |
| | | xallys
{ Membre }
Messages : 12
| Le dernier code à l'air de marcher. Merci infiniment
Vous pouvez archiver ce sujet, encore merci ! | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|