| » Demande HMTL par rapport à mon CSS | |
|
foliuca
{ Membre }
Messages : 42
| JE NE SAIS PAS Où METTRE CE POST, désolée si je me trompe d'endroit, je sais qu'il y a déjà dix commandes, mais comme je ne sais pas si cela en ai une .... Bonjour, - Objet de la commande: En faite c'est un peu compliqué. Avec mon amie on as créer un forum d'essai pour préparer notre futur design. On se retrouve avec un code CSS sans html dans les templates. Donc je voudrais savoir, si c'est possible, mon créer le code html avec le CSS fourni. Même si ce n'est qu'un tout petit code c'est mieux que rien.[/i]
- Détails: Donc voici mon code :
- Spoiler:
u{border-bottom: 1px solid;border-color:#d5cec8;text-decoration: none; -moz-border-radius:10px;}
I{border-bottom:none; color:#bab3ad;text-decoration: none }
a:hover{text-transform:uppercase;}
.bodylinewidth { width:70%}
a.forumlink{ -moz-border-radius: 7px 7px 7px 7px; background-color: #d5cec8; border-bottom: 2px dotted #9b9fa2; color:#oooooo; font-family: Arial; font-size: 11px; font-weight: lighter; letter-spacing: 2px; display:block; text-align: left; }
a.forumlink:hover, a.forumlink:hover:visited{ background-color: #dbc8cf; border-left: 9px solid #dbc8cf; border-right: 9px solid #dbc8cf; -moz-border-radius:6px;}
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; }
.quote{ font-family: Tahoma; font-size: 11px; color: #666e70; line-height: 125%; background-color: #1f1f1f; border: #1f1f1f; border-style: solid; border: 1px #1f1f1f; dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; -moz-border-radius:6px;}
.code{ font-family: Courier,Courier New,sans-serif; font-size: 11px; color: #666e70; background-color: #1f1f1f; border: #1f1f1f; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px border: 1px #c4bfb5; dotted; -moz-border-radius:6px; }
input,textarea, select { -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; }
a {font-variant: small-caps;} .forumline{-moz-border-radius:15px;} .bodyline {-moz-border-radius:40px;}
a.forumline{ background-color: #ffffff; border: 5px #ffffff solid; }
body {background-repeat: no-repeat; background-position: none; } a.mainmenu{ text-decoration: none; color : #FFFFFF; } a.mainmenu:hover{ text-decoration: none; border: 1px dotted #CDCDCD; color : #c1bbb3; }
.forumline{ background-color: #ffffff; border: 5px #ffffff solid; }
a.mainmenu:link, a.mainmenu:visited{ background-color: #a69f9b; border-left: 9px solid #a69f9b; border-right: 6px solid #a69f9b; -moz-border-radius:13px; border: 1px #d6d2ca double; }
.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#e2e1d7}
.statistiques { border:0px; background-image: url("https://nsa14.casimages.com/img/2010/05/01/100501065250309168.png"); background-repeat: no-repeat; background-position: center; height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */ }
.groupes { background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */ border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */ -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */ height:40px; /* HAUTEUR DES ENCADRES */ padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */ padding-left:24px; padding-bottom:1px; font-size:13px; /*TAILLE ECRITURE */ font-weight: bold; /* STYLE DE L'ECRITURE */ text-align:center; text-decoration: none !important; } a.forumlink { background-color: #transparent; text-shadow: #dad0c7 1px 1px 1px; background-image: url('https://2img.net/r/ihimizer/img13/6066/53935190.png'); color: #989b96; display: block; font-family: Freestyle Script; font-size: 16px; text-transform: uppercase; text-align: center; letter-spacing: -1px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; }
a.forumlink { background-color: #transparent; text-shadow: #dad0c7 1px 1px 1px; background-image: url('https://2img.net/r/ihimizer/img13/6066/53935190.png'); color: #989b96; display: block; font-family: Courier New; font-size: 16px; text-transform: uppercase; text-align: center; letter-spacing: -1px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; }
a.forumlink:hover{ background-color: #transparent; text-shadow: #635f5e 1px 1px 1px; background-image: url('https://2img.net/r/ihimizer/img13/6066/53935190.png'); color: #f9fced; display: block; font-family: Courier New; font-size: 16px; text-transform: uppercase; text-align: center; letter-spacing: -1px; -moz-border-radius:5px; -moz-box-shadow: 0px 2px 2px #a49896; }
- Aperçu: ( Un aperçu, sous forme de montage graphique, du rendu souhaité. (si possible))
- Autoriser un membre à répondre [X] Oui [] Non (En cochant oui, vous donnez le droit aux membres de CSSActif qui ne sont pas codeurs officiels de répondre à votre demande)
Merci beaucoup à tout ceux qui vont m'aider !!!
| | |
|
| |
eckinox
{ Membre }
Messages : 195
| J'ai pas compris là... T'as le code CSS d'une page.. mais pas son contenu HTML... T'es sur que c'est ton css ? | | |
|
| |
foliuca
{ Membre }
Messages : 42
|
J'ai le CSS. Mais je n'ai pas le html, donc le 3/4 ne marche pas. Ce n'est pas vraiment MON css, c'est pour ça que je ne suis sur de rien, c'est un css fourni par forumactif, sans html.
| | |
|
| |
eckinox
{ Membre }
Messages : 195
| Tu l'as trouver ou ce code CSS.. donne le lien xd ^^ | | |
|
| |
foliuca
{ Membre }
Messages : 42
| Justement je ne sais pas. C'est mon amie qui à créer le forum, donc choisi le thème fourni, elle fait les images et moi je m'occupe du CSS et tout. Et là, bah je me retrouve avec une feuille de css et pas de html dans les templates ... Je peux te donner l'adresse du forum d'essai - Spoiler:
[url][/url]
|
Dernière édition par foliuca le Mar 14 Sep 2010, 09:51, édité 1 fois | |
|
| |
eckinox
{ Membre }
Messages : 195
| Ok je comprends mieux xD Tu es sur un forum invision de chez forumactif... sur ce type de forum, on à pas accès au template.
Tu peux juste modifier le css | | |
|
| |
foliuca
{ Membre }
Messages : 42
|
Ah d'accord !!! Le truc c'est que le vrai forum sur lequel je vais utiliser le css est PHBB (enfin je sais pas si c'est ça mais j'arrive à utiliser les templates)
Parce que le truc qui cloche c'est les liens et le qui est en ligne .... (sur le forum d'essai)
| | |
|
| |
Kimy
{ Membre actif }
Messages : 1190
| Et que veux-tu exactement que l'on fasse ? Parce que pour l'instant je ne vois pas trop si ça peut s'apparenter à une commande donc on bloque peut-être une place | | |
|
| |
Kaiji
Blanche-Neige
Messages : 5578
| Ca ne peut pas être une commande puisqu'il demande les codes html auxquels il n'a simplement pas accès, étant donné que toutes ces class sont par défaut sur forumactif et définissent le forum on a rien à lui donner...
Je déplace dans la section aide =) | | |
|
| |
foliuca
{ Membre }
Messages : 42
| Okey j'ai réussi à régler le problème pour les liens. Seul problème c'est mon qui est ligne. Je sais que suis un boulet mais bon ... J'ai donc mis des codes un peu partout et deux problèmes s'affichent. - Spoiler:
- Spoiler:
1. J'aimerais enlever l'espace entre mon image et le "bord". 2. J'aimerais que le forum garde ça taille initial qui est de largeur 70%. Si c'est possible bien sur ... Il vous faut mon code html ????? | | |
|
| |
Kaiji
Blanche-Neige
Messages : 5578
| Oui il faut le code html ^^ | | |
|
| |
foliuca
{ Membre }
Messages : 42
| Donc le voici ^^ - Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle" align="right"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer -->
</span></div></div>
<!-- BEGIN disable_viewonline --> <div style="background:url('http://img834.imageshack.us/img834/6431/69735191.jpg'); background-position:bottom right ;width:1260px;height:407px;"> <span style="opacity:60 ; font-weight:bold">
<table style=cellspacing="0" cellpadding="0"><tr><td rowspan=6><img src="http://img832.imageshack.us/img832/1632/73111740.gif"></td></tr><tr><td align="center" height="75px"><div style="border:1px solid #000000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left:50px; margin-right:50px; font-size:20px; padding-top:10px; padding-bottom:10px;">Qui est là ?</div></td></tr><tr><td align="center" valign="top"><div style="border:1px solid #000000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:10px; padding-top:10px; padding-bottom:10px; font-size:12px; margin-right:10px; margin-left:10px;">Bienvenue sur Dawn of Shadows<br><span class="gensmall"><span id="liste"><div style="font-size:12px;">{TOTAL_USERS_ONLINE}</div></span><script type="text/javascript">document.getElementById('liste').innerHTML=document.getElementById('liste').innerHTML.replace(/Il y a en tout /,"Actuellement, nous avons ")</script><script type="text/javascript">document.getElementById('liste').innerHTML=document.getElementById('liste').innerHTML.replace(/ utilisateur en ligne ::/," membres connectés.")</script><script type="text/javascript">document.getElementById('liste').innerHTML=document.getElementById('liste').innerHTML.replace(/Enregistré/," habitant")</script><script type="text/javascript">document.getElementById('liste').innerHTML=document.getElementById('liste').innerHTML.replace(/Enregistrés/," habitants")</script><script type="text/javascript">document.getElementById('liste').innerHTML=document.getElementById('liste').innerHTML.replace(/Invisible/," invisible")</script><script type="text/javascript">document.getElementById('liste').innerHTML=document.getElementById('liste').innerHTML.replace(/Invisibles/," invisibles")</script><script type="text/javascript">document.getElementById('liste').innerHTML=document.getElementById('liste').innerHTML.replace(/Invité/," passager.")</script><script type="text/javascript">document.getElementById('liste').innerHTML=document.getElementById('liste').innerHTML.replace(/Invités/," passagers")</script></span>
{TOTAL_POSTS} topics <span class="gensmall"><span id="post"><div style="font-size:12px;">{TOTAL_POSTS}</div></span><script type="text/javascript">document.getElementById('post').innerHTML=document.getElementById('post').innerHTML.replace(/Nos membres ont posté un total de /," contenant ")</script></span><span class="gensmall"><span id="nouveau"><div style="font-size:12px;">{NEWEST_USER}</div></span><script type="text/javascript">document.getElementById('nouveau').innerHTML=document.getElementById('nouveau').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"Nous souhaitons la bienvenue à ")</script></span></div></td></tr><tr><td align="center" height="60px" valign="middle"><a href="//" style="color:#E65C5C;" class="groupe_qeel">Admins</a> <a href="//" style="color:#7887E6;" class="groupe_qeel">Modos</a> <a href="//" style="color:#708236;" class="groupe_qeel">Juges</a> <a href="//" style="color:#37414D;" class="groupe_qeel">Membres</a></td></tr> <tr><td align="center"><table id="qeel-st td.row2 td.row1"><tr><td>
<!-- BEGIN switch_chatbox_activate --> <tr> <td align="center"> <tr><td><span class="gensmall">
<div style="border:1px solid #000000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-left:150px; padding-right:150px; padding-top:5px; padding-bottom:5px; margin-right:10px; margin-left:10px;"><span class="gensmall"><span id="chat"><span style="font-size:12px;">{TOTAL_CHATTERS_ONLINE}</span></span><script type="text/javascript">document.getElementById('chat').innerHTML=document.getElementById('chat').innerHTML.replace(/Il y a actuellement /," ")</script></span> : {CHATTERS_LIST}
<!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span></div> </td> </tr> <!-- END switch_chatbox_activate --></td></tr></table></td></tr>
<tr><td height="40px" valign="bottom" align="right" style="font-size:9px;">Codé par Edelweiss de CSSActif & ...</td></tr></table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true }); //]]> </script> <!-- END switch_fb_index_login --> FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true }); //]]> </script> <!-- END switch_fb_index_login --> | | |
|
| |
Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône en éditant votre 1er post.
| | |
|
| |
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
| | |
|
| |
Contenu sponsorisé
| |
| |
| » Demande HMTL par rapport à mon CSS | |
|