Nono Admin
Salut, j'ai : 34 J'ai posté : 492 Date d'inscription : 08/05/2007
Feuille de personnage Age: 17 Grade: Juunin
| Sujet: css Mar 26 Fév - 14:37 | |
| - Code:
-
.bodylinewidth{ width: 776px!important; margin-top:-9px; margin-bottom:-9px; border: none; }
.bodyline{ width: 800px!important; padding: 0px;background: linear-gradient(.25turn, #ba48e5, 50%, #48f4fa);}
#i_logo{ margin-top: 36px; }
/***** Fiche présentation 2019*****/ @import url('https://fonts.googleapis.com/css?family=Lekton'); @import url('https://fonts.googleapis.com/css?family=Asap+Condensed'); @import url('https://fonts.googleapis.com/css?family=Kaushan+Script'); #fond_v3{ background: lightgrey; width: 450px; height : auto; padding : 10px; margin-left: auto; margin-right: auto; }
.part_id{ position: relative; }
.cercle{ position: absolute; top: 40px; right: 60px; width:120px; height: 120px; border-radius: 100px; background: #e66465; }
.citation_2019{ position: absolute; top: 63px; right: 43px; font-size: 17px; text-align: center; font-family: 'Lekton', sans-serif!important; }
.avatar_gauche{ position : absolute; left: 25px; top: 20px; }
#name_2019{ position: absolute; background: linear-gradient(.25turn, #e66465, 50%, #9198e5); width: 230px; height: 70px; z-index: 500; top: 220px; right: 25px; opacity: 0.33; }
.prenom_2019 { position: absolute; top: 220px; left: 200px; font-size: 20px; padding-left: 40px; font-family: 'Lekton', sans-serif; padding-top: 15px; color: black; z-index: 800; }
.nom_2019{ position: absolute; top: 260px; left: 200px; font-size: 20px; padding-left: 40px; font-family: 'Asap Condensed', sans-serif; text-transform: uppercase; font-weight: bold; z-index: 800; }
.feat_2019{ position: absolute; top: 70px; left: 45px; font-size: 8px; text-transform: lowercase; }
.avatar_droite{ position : absolute; right: 25px; top: 340px; }
.presentation_2019{ position: absolute; top: 350px; left: 25px; width: 200px; height: 305px; font-size: 10px; text-align:justify; overflow: auto; padding: 3px; }
.info3{ width:auto; height: 9px; background: linear-gradient(.25turn, #e66465, 10%, #9198e5); }
.part_question2019{ margin-top: 645px; width: 400px; margin-left: 25px; text-align: justify; }
.question2019{ font-weight: bold; border-bottom: 5px solid black; }
.question2019 p{ }
.good_bad{
}
.good { margin-left: 25px; padding-top: 3px; padding-bottom: 3px; background: white; width: 195px; text-align: center; margin-top: -15px; }
.bad { margin-left: 225px; padding-top: 3px; padding-bottom: 3px; background: white; width: 195px; text-align: center; margin-top: -42px; }
.title_2019{ text-align : center; font-size: 25px; padding-bottom: 15px; font-family: 'Asap Condensed', sans-serif; }
.story_2019{ text-align: justify; padding: 15px; }
.gif_2019{ padding-left:15px; width:420px; }
a:link{text-decoration:none!important;}
/****************** CODAGE CATEGORIES PAR MAGMA. ***********************/
.lastpost-avatar img { width: 69px; height: 110px; border: 2px double #dbd4d0; padding: 0px; filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px; }
.lastpost-avatar img:hover { border: 2px double #dec7fa; padding: 0px; filter: grayscale(80%); -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%); opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; filter: grayscale(80%); -webkit-filter: grayscale(80%); -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%); opacity: 0.8; /* l'opacite que vous voulez au depart */ -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */ filter: alpha(opacity = 25); /* Hack IE 5-7 */ -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */ -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */ -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */ transition: opacity 0.5s ease-in-out; } .nav img {max-width:140px;} .modifcat { background-color : #7982c6; width: 800px; padding-bottom: 10px;} /*** le fond de la catégorie ***/ .catégoz{ position : relative ; top : 30px; left: 13px;} /*** l'emplacement des titres catégories ***/ .catégoz h2 { font-size: 35px; font-family: Dorsa; letter-spacing: 1px; color:#c4c4c4;font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top:9px;} /*** le style des titres des catégories ***/ .statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 397px; height: 115px; background-color: #fff; border:1px solid #eae6e2; margin-top: -16px; padding-left: 4px; padding-right: 4px; padding-boddom: 4px;} /*** le style du bloc des descriptions ***/ .descrip_bloc1 { width: 380px; height: 72px; overflow:auto; text-align: justify; line-height: 11px; padding: 4px; font-family: Tahoma; padding-bottom: 6px; font-size: 10px; background-color: #f7f1ff; border:1px solid #eae6e2;} /*** le style des descriptions ***/ .statistiques_cat {background-color: #fff; width: 135px; height: 115px; border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; border:1px solid #eae6e2;} /*** le style des statistiques en général ***/ .stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px; font-family: 'Roboto Condensed', sans-serif; font-size: 11px;}
.sousfofo {
padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px; background-image : url('https://2img.net/r/hpimg15/pics/693728soustit.png'); border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; border:1px solid #eae6e2;} .sousfofo a { overflow: x; color: #C0C0C0; width: 142px!important; display:inline-block; border-collapse: separate; height : 6px; font-family: Arial; background-color: #f7f1ff; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px; margin-top: 1px; -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease-in; font-weight: bold; /* Bientôt supporté par Firefox */ -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease-in; font-size: 8px; text-transform : lowercase; }
.sousfofo a:hover { color: #93807B; font-family: Arial; text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : lowercase; }
.forumutitre { padding-top: -50px!important;} .forumtitre a { color: #c4c4c4; font-size: 14px; font-family: Dorsa; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important; -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease-in; font-weight: bold; /* Bientôt supporté par Firefox */ -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease-in; /* … et lorsque ce sera standardisé */ margin-left: 100px; transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}
.forumtitre a:hover {color:#93807B !important; letter-spacing: 2px;} .stat1 {font-size: 8px; font-family: Tahoma; letter-spacing: 0px; color:#000; height : 10px; background-color: #dbd4d0; text-transform: uppercase; text-align: center; } .forumdesc1 {text-align: center; font-size: 10px; padding-top: 15px; } .image_cate {margin-top: 20px;}
/********************* FIN DES CODES CATEGORIES ********************************/
/*********************************** *** GENERAL *** **********************************/ body { position: relative; overflow-x: hidden; } /*********************************** *** SIDEBAR *** **********************************/ #sidebar { background: #f1f1f1; position: absolute; width: 200px; height: 100%; min-height: 1490px; left: 0px; font-family: 'Roboto', sans-serif; box-sizing: border-box; padding: 10px; transition: all 0.3s; z-index: 100; } #sidebar a { text-decoration: none!important; } .sidebar-intro { font-family: 'Cousine', monospace; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 12px 0px 10px; margin-bottom: 15px; color: #181818; } .sidebar-intro b { text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; color: #c3a7cc; } .sidebar-predef > div{ margin-bottom: 10px; height: 80px; overflow: hidden; position: relative; } .sidebar-predef > div > div { height: 100%; width: 100%; position: absolute; top: -100%; background: #c3a7cc; display: flex; flex-direction: column; justify-content: center; text-align: center; transition: top 0.3s; } .sidebar-predef > div:hover > div { top: 0; } .sidebar-predef > div > div b { font-family: 'Montserrat', sans-serif; font-style: italic; text-transform: uppercase; font-size: 10px; letter-spacing: 1px; text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; } .sidebar-predef > div > div a { color: #fff; text-transform: uppercase; font-size: 9px; font-family: 'Cousine', monospace; letter-spacing: 1px; text-shadow: 1px 1px 0px #b28eb9; } .sidebar-predef > a { font-size: 8px; text-transform: uppercase; letter-spacing: 1.5px; color: #c3a7cc; display: block; border: 1px solid #dfcfe3; text-align: center; padding: 10px 0; background: transparent; transition: all 0.3s; } .sidebar-predef > a:hover { background: #ebdcf0; } .sidebar-top { display: flex; justify-content: space-between; margin: 30px auto; } .sidebar-top a { height: 35px; width: 35px; border: 1px solid #e1e1e1; border-radius: 50%; text-align: center; font-family: 'Montserrat', sans-serif; line-height: 35px; background: #fbfbfb; color: #ccc; font-size: 10px; text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; transition: all 0.3s; } .sidebar-top a:hover { border-color: #c3a7cc; } .sidebar-event { margin: auto; width: 180px; height: 170px; box-sizing: border-box; border: 1px solid #fff; padding: 4px; position: relative; } .sidebar-event > div { height: calc(100% - 8px); width: calc(100% - 8px); background: rgba(0,0,0,0.7); position: absolute; top: 4px; display: flex; flex-direction: column; padding: 10px; box-sizing: border-box; color: #fff; text-transform: uppercase; font-size: 11px; text-align: center; justify-content: center; transform: scale(0); transition: all 0.3s; } .sidebar-event:hover > div { transform: scale(1); } .sidebar-event > div div:first-child { font-family: 'Montserrat', sans-serif; font-style: italic; } .sidebar-event > div > img { height: 50px; margin-right: 10px; } .sidebar-recent { box-sizing: border-box; border: 1px solid #e1e1e1; padding: 10px; width: 100%; margin: 40px auto 0px; height: 250px; overflow: auto; background: #fbfbfb; } .sidebar-recent .gensmall { color: #181818; text-transform: uppercase; font-size: 9px; } .sidebar-recent img, .sidebar-recent .gensmall > span:first-child, .sidebar-recent .gensmall br + span { display: none; } .sidebar-recent a[href^="/t"] { color: #c3a7cc; letter-spacing: 1px; font-family: 'Montserrat', sans-serif; font-style: italic; font-size: 8px; transition: color 0.3s; } .sidebar-recent a[href^="/t"]:hover { color: #969696; } .sidebar-img { position: absolute; left: 0; bottom: 0; } .sidebar-img img { width: 100%; }
| |
|
Nono Admin
Salut, j'ai : 34 J'ai posté : 492 Date d'inscription : 08/05/2007
Feuille de personnage Age: 17 Grade: Juunin
| Sujet: Re: css Mar 26 Fév - 15:30 | |
| index body - Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- **** Début des modifications effectuées par ****** Phantasmagoria*** -->
<!-- BEGIN catrow --> <!-- BEGIN tablehead -->
<table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0"> <div style="background-image : url(https://image.noelshack.com/fichiers/2019/08/4/1550777133-cat-haut-3.png) ; background-repeat : no-repeat ; width : 800px ; height : 120px; margin-bottom: -2px;"><div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- END cathead --> <!-- BEGIN forumrow --> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc -->
<td align="left" valign="top"> <table width="100%" cellpadding="0" cellspacing="0"><br />
<tr>
<td align="center" valign="top"> <div style="margin-left: 7px;"><div class="sousfofo"> <div><span id="subforums"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div> <script type="text/javascript"> jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' <br />')).removeAttr('id'); </script></div></div> </td> <td valign="top"><div style="margin-top: 17px; margin-left:4px;"><div class="statdescrip"> <table width="100"><tr><td width="70%"><div style="margin-top: -20px";><div class="forumtitre"> <a href="{catrow.forumrow.U_VIEWFORUM}"><center>{catrow.forumrow.FORUM_NAME}</center></a></div></div> <span class="genmed"><div class="stat1"> Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}</div></span> <div class="descrip_bloc1"> {catrow.forumrow.FORUM_DESC}</td><td <width="30%"></div> </td></tr></table> </div></div> </td> <td><div style="width: 10px;" align="top"></div> <!-- BEGIN avatar --> <div style="margin-left: -15px;"><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span> <!-- END avatar --></div> </td><td valign="top"> </td> <td valign="top"><div style="margin-top: 9px;"><div class="statistiques_cat"> <span class="genmed"><div class="forumdesc1"> {catrow.forumrow.LAST_POST} </div></span> <div class="image_cate"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </div> </div> </td>
</tr> </table> </td></tr>
<!-- *******Fin des modifications par Magma. ****** ********* Toute reproduction complète ******* ou partielle est prohibée ****** --> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><img src="https://image.noelshack.com/fichiers/2019/08/4/1550767530-image-bas.png" style="margin-top: -6px; width:800px; height: 50px;"/><!-- END tablefoot --><!-- END catrow --> | |
|