Forum d'entraide de graphisme & de codage
 
AccueilAccueil  CalendrierCalendrier  Guide du Swirlien  FAQFAQ  RechercherRechercher  MembresMembres  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 CremeChoco ~ Red theme

Aller en bas 
AuteurMessage
Kanashīdesu

avatar

Image par défaut
Rang Messages : 1350
Date d'inscription : 20/04/2014
Age : 17
Localisation : France

MessageSujet: CremeChoco ~ Red theme   Mar 29 Déc - 2:01

Hello!

Et parce que je suis un fdp, je vais juste copier collé un code.

Nom du thème : CremeChoco ~ Red color
Version du forum : Phpbb3
Couleurs principales : Red and White
Utilisation des templates : Yes
Utilisation du Javascript : Yes
Difficulté à Installer : 3/5
Temps prit pour le faire : 30 Hours
Images personnalisées : Nope!


Description  du thème : Ce thème a été principalement crée pour les utilisateurs de Forumotion. Je le poste ici, car ça a été un grand pas pour le codage et le graphisme, pour moi.
Auteur du thème : Kiyomizu.
Preview:  Preview
Install:  Link


Vous aurez besoin de modifier les templates et ajouter un code Javascript.

Index_body.

Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{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>
 <!-- END switch_fb_connect -->
 </div>
 </form>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
 <div class="panel introduction">
 <div class="inner"><span class="corners-top"><span></span></span>
 <!-- BEGIN message_admin_titre -->
 <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
 <!-- END message_admin_txt -->
 <span class="corners-bottom"><span></span></span></div>
 </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<div class="viewonlinec"><div id="how"><span id="howmess"> {TOTAL_POSTS}
<script type="text/javascript">document.getElementById('howmess').innerHTML=document.getElementById ('howmess').innerHTML.replace(/Our users have posted a total of (.+) message(s?)/,"$1 message$2");</script>  
  </span>
  <span id="howuser">{TOTAL_USERS}
  <script type="text/javascript">document.getElementById('howuser').innerHTML=document.getElementById ('howuser').innerHTML.replace(/We have/,"");</script>  
    <script type="text/javascript">document.getElementById('howuser').innerHTML=document.getElementById ('howuser').innerHTML.replace(/registered user/,"membres");</script> 
  </span>
  <span id="new">{NEWEST_USER}
  <script type="text/javascript">document.getElementById('new').innerHTML=document.getElementById ('new').innerHTML.replace(/The newest registered user is/,"");</script>  
    </span>
</div>
<h1 class="viewonlinetitle"><a href="{U_VIEWONLINE}">Qui est avec nous en ce moment ?</a></h1>
<table class="viewonline"><tr><td class="tdonline1"><h2 style="margin-top: -20px;color: #fff; border-bottom: 1px solid;width: 100%; text-align: center;letter-spacing: 9px;margin-bottom: 30px;">Statistiques</h2><div class="contentsta"><span id="whonline">{TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('whonline').innerHTML=document.getElementById ('whonline').innerHTML.replace(/Il y a en tout/,"Nous avons");</script></span><br /><span id="recordusers">{RECORD_USERS}<script type="text/javascript">document.getElementById('recordusers').innerHTML=document.getElementById ('recordusers').innerHTML.replace(/Le record du nombre d'utilisateurs/,"Le record de d'utilisateurs");</script></span><br />{L_CONNECTED_MEMBERS}</div></td><td class="tdonline">
  <h2 style="color: #fff; border-bottom: 1px solid;width: 100%; text-align: center;letter-spacing: 9px;bottom: 13px;position: relative;">Anniversaires</h2><div class="contentanniv">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</div></td><td class="tdonline"><h2 style="margin-top: -7px;color: #fff; border-bottom: 1px solid;width: 100%; text-align: center;letter-spacing: 9px;">Groupes</h2>   <span id="groupsleg">{GROUP_LEGEND}</span> <script type="text/javascript">document.getElementById('groupsleg').innerHTML=document.getElementById ('groupsleg').innerHTML.replace(/[ (.+) ]/,"");</script>  
  </td></tr></table></div>
{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
 <div class="inner"><span class="corners-top"><span></span></span>
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
 <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
 <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_fb_connect -->
 <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
 <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{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>
 <!-- END switch_fb_connect -->
 </div>
 </form>
 <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
 <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
 <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
 <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID}, 
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

viewforum_body.

Code:
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<h1 class="page-title"><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a></h1>

{BOARD_INDEX}

<div class="pagination">
 <br />
 <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> • 
 <script type="text/javascript">//<![CDATA[
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
 insert_plus_menu_new('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 {PAGINATION}
 <br /><br />
</div>

<div class="topic-actions">
<!-- BEGIN switch_user_authpost -->
 <div class="buttons">
          <center><div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow">New Topic</a></center></div>
 </div>
<!-- END switch_user_authpost -->
 <div class="search-box">
 <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
 <fieldset>
 <input class="inputbox search tiny" type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
  <input class="button2" type="submit" value="{L_SEARCH}" />
 <input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
 </fieldset>
 </form>
 </div>
 <p class="nomargin path" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
 <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
 {NAV_CAT_DESC}
 </p>
</div>

{TOPICS_LIST_BOX}

<div class="topic-actions">
 <!-- BEGIN switch_user_authpost -->
 <div class="buttons">
          <center><div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow">New Topic</a></center></div>
 </div>
 <!-- END switch_user_authpost -->

 <div class="pagination">
 {PAGINATION}<br />
 <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> • {S_WATCH_FORUM} • <a href="#top">{L_BACK_TO_TOP}</a><br /><br />
 </div>
</div>

<div class="clear"></div>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
 <fieldset class="vf_jumpbox">
 <label>{L_JUMP_TO}: </label>
 {S_JUMPBOX_SELECT} 
 <input class="button2" type="submit" value="{L_GO}" />
 </fieldset>
</form>

{LOGGED_IN_USER_LIST}

<div id="info_open" style="display:block;clear:both">
<div class="h3">{L_MODERATOR}</div>
<p>{MODERATORS}</p>

<div class="h3">{L_TABS_PERMISSIONS}</div>
<p>{S_AUTH_LIST}</p>

</div>
<!-- BEGIN switch_legend -->
<div class="h3">{L_LEGEND}</div>
 <div class="clearfix">
 <ul class="ul-icons">
 <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" /> {L_FOLDER_NEW_IMG}</li>
 <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" /> {L_FOLDER_HOT_NEW_IMG}</li>
 <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" /> {L_FOLDER_LOCKED_NEW_IMG}</li>
 </ul>
 <ul class="ul-icons">
 <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" /> {L_FOLDER_IMG}</li>
 <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" /> {L_FOLDER_HOT_IMG}</li>
 <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" /> {L_FOLDER_LOCKED_IMG}</li>
 </ul>
 <ul class="ul-icons">
 <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" /> {L_FOLDER_ANNOUNCE_IMG}</li>
 <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" /> {L_FOLDER_STICKY_IMG}</li>
 <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
 </ul>
 </div>
<!-- END switch_legend -->

overall_header.

Code:



<!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} {NAMESPACE_BBCODE}>


<head>


<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" />


<!-- BEGIN switch_compat_meta -->


<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />


<!-- END switch_compat_meta -->


<!-- BEGIN switch_canonical_url -->


<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />


<!-- END switch_canonical_url -->


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


<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />


<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>


<!-- 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() {

 $('#fa_ticker_content').css('display','block');

 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});

 if (width_max > 0)
 {
 $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).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);
 }
 });

 if (slid_vert)
 {
 var height_max = h_perso;

 $('ul#fa_ticker_content li').each( function () {
 if ($(this).height() > height_max)
 {
 height_max = $(this).height();
 }
 } );

 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
 $('ul#fa_ticker_content li').height(height_max);
 }


 $('#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');
 if(pm != null) { 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}');
 if(report != null) { report.focus(); }
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 $(document).ready(function() {
 Ticker.start({
 height : {switch_ticker.HEIGHT},
 spacing : {switch_ticker.SPACING},
 speed : {switch_ticker.SPEED},
 direction : '{switch_ticker.DIRECTION}',
 pause : {switch_ticker.STOP_TIME} 
 });
 });
 <!-- END switch_ticker -->
 });

 <!-- BEGIN switch_login_popup -->
 var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
 <!-- END switch_login_popup -->

 <!-- BEGIN switch_login_popup -->
 $(document).ready( function() {
 $(window).resize(function() {
 var windowWidth = document.documentElement.clientWidth;
 var popupWidth = $("#login_popup").width();
 var mypopup = $("#login_popup");

 $("#login_popup").css({
 "left": windowWidth/2 - popupWidth/2
 });
 });
 });
 <!-- END switch_login_popup -->
 //]]>


</script>


{GREETING_POPUP}


<style type="text/css">


#page-footer, div.navbar, div.navbar ul.linklist {


display: block !important;


}


ul.linklist li.rightside, ul.linklist li.rightside a.copyright {


display: inline !important;


}





<!-- BEGIN switch_ticker_new -->


.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;


}


<!-- END switch_ticker_new -->


</style>


{HOSTING_JS}


<!-- BEGIN google_analytics_code -->


<script type="text/javascript">


//<![CDATA[


var _gaq = _gaq || [];


_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);


_gaq.push(["_trackPageview"]);


_gaq.push(['_trackPageLoadTime']);





<!-- BEGIN google_analytics_code_bis -->


_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);


_gaq.push(['b._trackPageview']);


<!-- END google_analytics_code_bis -->





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


</head>


<body id="phpbb">


<!-- BEGIN hitskin_preview -->


<div id="hitskin_preview" style="display: block;">


<h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.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" style="z-index: 10000 !important;">


<div class="h3">{SITENAME}</div>


 <div class="vertical_nav">{GENERATED_NAV_BAR}</div>


{LOGIN_POPUP_MSG}


<div id="login_popup_buttons">


<form action="{S_LOGIN_ACTION}" method="get">


<input type="submit" class="button1" value="{L_LOGIN}" />


<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />


<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />


</form>


</div>


</div>


<!-- END switch_login_popup -->





<div class="conteneur_minwidth_IE">


<div class="conteneur_layout_IE">


<div class="conteneur_container_IE">


 <div class="headertop"><h1>{SITENAME}</h1>


   <center><nav class="menu">


     <ul class="linklist navlinks{NAVBAR_BORDERLESS}"><li>{GENERATED_NAV_BAR}</li></ul>


     </nav></center></div>


<div id="wrap">


<a id="top" name="top" accesskey="t"></a>


{JAVASCRIPT}





<div id="page-body">





<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>


<div id="outer-wrapper">


<div id="wrapper">


<div id="container">


<div id="content">





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





<div id="main">


<div id="main-content">



And you must create one new Javascript on all the pages.

Javascript.

Code:
$(document).on('scroll',function(){
 opacite = 1 - ( $(document).scrollTop() / 300 );
 $('.headertop').css('opacity', opacite);
 if(opacite>$(document).scrollTop()){
opacite=1;
}else{
opacite = 1 - ( $(document).scrollTop() / 300 ) 
}
$('.headertop').css('opacity', opacite);

 });

Si vous avez quelconques soucis, s'il vous plaît dites le moi!

• • • • • • • • • •

Merci Orphère pour ce magnifique cadow je l'adore *^*



Cadow:
 


Merci Key :DD:
 


Dernière édition par Kanashīdesu le Mar 29 Déc - 13:52, édité 1 fois
Revenir en haut Aller en bas
http://neko-paradisect.shost.ca
Carméliane
Equipe Orange
avatar

Image par défaut
Rang Messages : 2917
Date d'inscription : 20/04/2014
Age : 20
Localisation : Sur le trône de l'olympe.

MessageSujet: Re: CremeChoco ~ Red theme   Mar 29 Déc - 9:56

Merci crème, c'est sympa de te revoir sur le forum Wink
Par contre, tu aurais au moins pu traduire l'anglais, parce qu'on n'est pas tous bilingues

Bon et du coup tu peux prendre 70 points pour ta team Wink

• • • • • • • • • •

Revenir en haut Aller en bas
http://www.sweet-swirl.org
Kanashīdesu

avatar

Image par défaut
Rang Messages : 1350
Date d'inscription : 20/04/2014
Age : 17
Localisation : France

MessageSujet: Re: CremeChoco ~ Red theme   Mar 29 Déc - 13:46

Ouais, je vais traduire, parce que hier je n'avais pas le temps o:

• • • • • • • • • •

Merci Orphère pour ce magnifique cadow je l'adore *^*



Cadow:
 


Merci Key :DD:
 
Revenir en haut Aller en bas
http://neko-paradisect.shost.ca
Contenu sponsorisé




MessageSujet: Re: CremeChoco ~ Red theme   

Revenir en haut Aller en bas
 
CremeChoco ~ Red theme
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Quelle est le Theme de votre bureau ?
» Theme Hospital
» Theme Saint Valentin
» demande de faire part bapteme theme winnie
» Probleme gestion de theme

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sweet Swirl :: Archives :: BIG ARCHIVES :: Thèmes-
Sauter vers: