Accueil
Créer un forumModule de partage
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2 
Module de partage
par Carlnat Mer 6 Fév 2013 - 0:33
Bonsoir,
comme la description le dit j'essaie de faire une barre de partage du style justement comme le haut de forum actif mais sur le coté droit du forum je l'ai lu en quelques part içi mais je retrouve plus le post.
Je voudrais que le tout ressemble à ceci.
de plus cette barre doit rester au centre de la page et ne pas bouger quand les membres montent ou descendent la page
Un gros merci pour l'aide que vous me donnerez.
C'est grandement apprécier
Nathalie
Fondateur / Administratrice
Forum Oiseaux du Québec
www.oiseauxduquebec.org
comme la description le dit j'essaie de faire une barre de partage du style justement comme le haut de forum actif mais sur le coté droit du forum je l'ai lu en quelques part içi mais je retrouve plus le post.
Je voudrais que le tout ressemble à ceci.
de plus cette barre doit rester au centre de la page et ne pas bouger quand les membres montent ou descendent la page
Un gros merci pour l'aide que vous me donnerez.
C'est grandement apprécier
Nathalie
Fondateur / Administratrice
Forum Oiseaux du Québec
www.oiseauxduquebec.org
Dernière édition par Nathalie ODQ le Lun 25 Fév 2013 - 14:29, édité 1 fois
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par Matriochka Mer 6 Fév 2013 - 11:26
Bonjour,
C’est tout à fait possible en modifiant les templates de ton forum. As-tu modifié le template overall_header ? Si oui, l’envoyer ici sous balises code
C’est tout à fait possible en modifiant les templates de ton forum. As-tu modifié le template overall_header ? Si oui, l’envoyer ici sous balises code
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module de partage
par Carlnat Mer 6 Fév 2013 - 15:23
Voiçi Overall_Header
Merci pour votre aide
- Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}" lang="{L_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"><meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}">
{T_HEAD_STYLESHEET}
{CSS}<script src="{JQUERY_PATH}" type="text/javascript"></script><script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript"><!--
window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
//-->
</script>
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
<script language="Javascript" type="text/javascript">
<!--
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();
//-->
</script>
<!-- END switch_report_popup -->
{GREETING_POPUP}
<style type="text/css">
<!-- BEGIN hitskin_preview -->
#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 IE6m 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}
<!-- END hitskin_preview -->
</style>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
(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 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 -->
<a name="top"></a>
{JAVASCRIPT}
<center>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><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_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a><br />
<span class="maintitle">{MAIN_SITENAME}</span><br/>
<span class="gen">{SITE_DESCRIPTION}</span>
</td>
<!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br> </span></td>
<td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" 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}">
{GENERATED_NAV_BAR}
</td>
</tr>
</table>
<div style="clear: both;"></div>
<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%">
<br>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33228801-1']);
_gaq.push(['_trackPageview']);
(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>
Merci pour votre aide
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par Matriochka Mer 6 Fév 2013 - 16:15
Bien, donc localise cette ligne (ligne 113 dans le template) :
Et juste en-dessous de celle-ci, créé une nouvelle div, dans laquelle tu inséreras par la suite tes diverses icônes :
Va dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS, et colle ceci :
Maintenant que c’est fait, il n’y a plus qu’à remplir la div implantée dans ton template pour y mettre les diverses icônes / liens que tu veux, avec ceci :
Par exemple :
Note qu’entre chaque icône, il faudra sans doute mettre un saut de ligne :
Donc :
Voilà, j’espère que les explications te conviendront N’hésite pas si tu as la moindre question.
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Et juste en-dessous de celle-ci, créé une nouvelle div, dans laquelle tu inséreras par la suite tes diverses icônes :
- Code:
<div id="share_content">
</div>
Va dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS, et colle ceci :
- Code:
#share_content {
background:white; /* couleur de fond */
border:1px solid black; /* couleur de bordure, style et épaisseur */
position:fixed; /* permet de garder l’élément fixe */
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:40%; /* définit la distance entre l’élément et le haut de la page*/
padding:5px; /* ajoute une marge interne */}
Maintenant que c’est fait, il n’y a plus qu’à remplir la div implantée dans ton template pour y mettre les diverses icônes / liens que tu veux, avec ceci :
- Code:
<a href="http://lien_direction"><img src="http://lien_image" /></a>
Par exemple :
- Code:
<div id="share_content">
<a href="http://forumactif.com/"><img src="http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png" /></a>
</div>
Note qu’entre chaque icône, il faudra sans doute mettre un saut de ligne :
- Code:
<br />
Donc :
- Code:
<div id="share_content">
<a href="http://forumactif.com/"><img src="http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png" /></a> <br />
<a href="http://forumactif.com/"><img src="http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png" /></a>
</div>
Voilà, j’espère que les explications te conviendront
N’hésite pas si tu as la moindre question.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module de partage
par Carlnat Mer 6 Fév 2013 - 23:54
Super merci beaucoup énormément c'est ce que je cherchais
Euh oups après le premier test voiçi la bande est en haut
au lieu d'être sur la droite
Encore un gros merci
Euh oups après le premier test voiçi la bande est en haut
au lieu d'être sur la droiteEncore un gros merci
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par Matriochka Jeu 7 Fév 2013 - 9:02
Qu’as-tu mis dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Re: Module de partage
par Matriochka Jeu 7 Fév 2013 - 22:03
Oui, pareil. Mais tu pourrais saluer, ça ne se fait pas d'entrer dans le topic de quelqu'un d'autre comme çabibigne a écrit:Et pour moi s'est le même tuto??
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module de partage
par Carlnat Jeu 7 Fév 2013 - 22:10
Merci pour cette réponse rapide
Merci encore
- Code:
hr{
height: 0px;
border: solid #aaaaaa 0px;
border-top-width: 0px;
}
.bodyline{
background-color: ##a3cfff;
border: 0px #4596e1 solid;
-moz-border-radius:12px;
}
.forumline{
background-color: #000000;
border: 0px #000000 solid;
}
th.thHead,td.catHead {
font-size: 17px;
border-width: 0px 0px 0px 0px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0px 0px 0px 0px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0px 0px 0px 0px;
}
th.thLeft,td.catLeft {
border-width: 0px 0px 0px 0px;
}
th.thBottom,td.catBottom {
border-width: 0px 0px 0px 0px;
}
th.thTop {
border-width: 0px 0px 0px 0px;
}
th.thCornerL {
border-width: 0px 0px 0px 0px;
}
th.thCornerR {
border-width: 0px 0px 0px 0px;
}
.postdetails{
font-size : 15px;
color : #000000;
}
.postbody{
font-size : 17px;
line-height: 18px
}
.copyright{
font-size: 17px;
font-family: Arial,Comic Sans MS,CourierNew,Arial,Helvetica;
color: #000000;
letter-spacing: -1px;
}
a img {
border: 0px solid navy;
}
.bodyline {
background-image: url(http:// .....);
background-repeat: repeat;
}
#share_content {
background:white; /* couleur de fond */
border:1px solid black; /* couleur de bordure, style et épaisseur */
position:fixed; /* permet de garder l’élément fixe */
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:40%; /* définit la distance entre l’élément et le haut de la page*/
padding:5px; /* ajoute une marge interne */}
Merci encore
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par Matriochka Jeu 7 Fév 2013 - 22:12
Bizarre… Et dans ton template, qu'as-tu ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module de partage
par Carlnat Jeu 7 Fév 2013 - 22:19
Template Overall_Header sauf ligne 113 j'ai fait ce que tu disais d'ajouter
Merci pour votre aide
- Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}" lang="{L_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"><meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}">
{T_HEAD_STYLESHEET}
{CSS}<script src="{JQUERY_PATH}" type="text/javascript"></script><script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript"><!--
window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
//-->
</script>
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
<script language="Javascript" type="text/javascript">
<!--
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();
//-->
</script>
<!-- END switch_report_popup -->
{GREETING_POPUP}
<style type="text/css">
<!-- BEGIN hitskin_preview -->
#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 IE6m 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}
<!-- END hitskin_preview -->
</style>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
(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 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 -->
<a name="top"></a>
{JAVASCRIPT}
<center>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><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_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a><br />
<span class="maintitle">{MAIN_SITENAME}</span><br/>
<span class="gen">{SITE_DESCRIPTION}</span>
</td>
<!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br> </span></td>
<td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" 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}">
{GENERATED_NAV_BAR}
</td>
</tr>
</table>
<div style="clear: both;"></div>
<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%">
<br>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33228801-1']);
_gaq.push(['_trackPageview']);
(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>
Merci pour votre aide
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par bibigne Jeu 7 Fév 2013 - 22:23
Autant pour moi là journée a été dur et j'en pers mes bonne manière,Bonjour Nathalie ODQ,j'espère que vous pardonnerais!
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Re: Module de partage
par Carlnat Jeu 7 Fév 2013 - 23:28
Y a pas trouble si ça vous aide en même temps 
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par Matriochka Ven 8 Fév 2013 - 20:11
Je ne vois pas la modification faite dans ton template, Nathalie.
Essaye avec ceci :
Essaye avec ceci :
- Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}" lang="{L_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"><meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}">
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}">
{T_HEAD_STYLESHEET}
{CSS}<script src="{JQUERY_PATH}" type="text/javascript"></script><script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript"><!--
window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
//-->
</script>
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
<script language="Javascript" type="text/javascript">
<!--
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();
//-->
</script>
<!-- END switch_report_popup -->
{GREETING_POPUP}
<style type="text/css">
<!-- BEGIN hitskin_preview -->
#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 IE6m 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}
<!-- END hitskin_preview -->
</style>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
(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 background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div id="share_content">
<a href="http://forumactif.com/"><img src="http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png" /></a> <br />
<a href="http://forumactif.com/"><img src="http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png" /></a> <br />
<a href="http://forumactif.com/"><img src="http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png" /></a> <br />
<a href="http://forumactif.com/"><img src="http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png" /></a> <br />
<a href="http://forumactif.com/"><img src="http://i46.servimg.com/u/f46/15/46/85/43/warnin10.png" /></a>
</div>
<!-- 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 -->
<a name="top"></a>
{JAVASCRIPT}
<center>
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><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_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" vspace="1" /></a><br />
<span class="maintitle">{MAIN_SITENAME}</span><br/>
<span class="gen">{SITE_DESCRIPTION}</span>
</td>
<!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle"><span class="maintitle">{MAIN_SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br> </span></td>
<td><a href="{U_PORTAL}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_PORTAL}" 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}">
{GENERATED_NAV_BAR}
</td>
</tr>
</table>
<div style="clear: both;"></div>
<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%">
<br>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33228801-1']);
_gaq.push(['_trackPageview']);
(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>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module de partage
par bibigne Ven 8 Fév 2013 - 21:01
Pour moi sa correspond pas le moins du monde.
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Re: Module de partage
par Carlnat Sam 9 Fév 2013 - 15:42
Merci beaucoup
je vous reviens là-dessus à savoir si le tout à fonctionner
Merci encore
je vous reviens là-dessus à savoir si le tout à fonctionner
Merci encore
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par bibigne Dim 10 Fév 2013 - 11:12
Je donne mon Template,car quand je suis le tuto je tombe dans les codes google analytique.
Voilà la bête:
Voilà la bête:
- 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>
{HOSTING_JS}
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
<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() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des elements */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des elements et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).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);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#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');
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 = 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}
<!-- BEGIN switch_ticker_new -->
<style>
.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;
}
</style>
<!-- END switch_ticker_new -->
{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 background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"><div class="navig" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>
<div style="clear: both;"></div>
<!-- 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>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
<div id="info_profil">
Bonjour, <span class="USERLINK"></span><br />
Messages : <span class="USERCOUNTPOST"></span><br />
Inscription : <span class="USERREGDATE"></span><br />
Dernière visite : <span class="USERLASTVISIT"></span>
</div>
</td>
<!-- BEGIN switch_logo_right -->
<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>
<!-- BEGIN switch_ticker_new -->
<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">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- 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 -->
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Re: Module de partage
par Carlnat Mar 12 Fév 2013 - 14:06
Bonjour,
Je lance le tout aujourd'hui je vais revenir là-dessus dans la soirée
Merci beaucoup
Je lance le tout aujourd'hui je vais revenir là-dessus dans la soirée
Merci beaucoup
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Re: Module de partage
par Matriochka Mer 13 Fév 2013 - 13:20
Bibigne, pour toi c’est à la ligne 207. Ajoute ton module derrière :
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Re: Module de partage
par Carlnat Sam 16 Fév 2013 - 18:15
Petite question est-ce que le fond sera transparant ?
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par Matriochka Sam 16 Fév 2013 - 18:24
Non, il sera blanc, avec le code que je t’ai donné. Si tu veux que ce soit transparent, il faut remplacer le code donné plus haut par :
CSS :
CSS :
- Code:
#share_content {
background:transparent; /* couleur de fond */
border:1px solid black; /* couleur de bordure, style et épaisseur */
position:fixed; /* permet de garder l’élément fixe */
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:40%; /* définit la distance entre l’élément et le haut de la page*/
padding:5px; /* ajoute une marge interne */}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module de partage
par Carlnat Sam 16 Fév 2013 - 18:25
Ok super car je pensais j'avais encore mal fait l'affaire
Un gros mais énorme merci
Un gros mais énorme merci
Carlnat- ***
-
Messages : 142
Inscrit(e) le : 09/01/2010 -
Re: Module de partage
par Matriochka Sam 16 Fév 2013 - 18:28
Mais de rien
Si ton problème est résolu, n’oublie pas de le noter en éditant ton premier message et en cochant l’icône
Si ton problème est résolu, n’oublie pas de le noter en éditant ton premier message et en cochant l’icône
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Re: Module de partage
par Matriochka Dim 17 Fév 2013 - 11:52
Inutile de me parler ainsi, je suis déjà assez clémente d’aider deux personnes sur le même sujet, il me semble (alors que tu as débarqué sans même dire bonjour, juste pour choper les codes)… 
Ton dernier message dans le topic est celui-ci :
Ton dernier message dans le topic est celui-ci :
Depuis, pas de nouvelle. J’en conclus donc que tu n’as pas eu de souci majeur et que tu as pu t’en sortir… Si ça n’est pas le cas, hé bien il faut prévenir. Moi je ne peux pas deviner, si tu ne te manifestes pas.ok,je fait ça dans la journée,merci!
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module de partage
par bibigne Dim 17 Fév 2013 - 12:43
Désolé, d’être comme ça,plein de problème et la fatigue...
Alors reprenons dans le calme,je l'ai ajouter a la ligne 207,mais toujours rien!
Tu disais: Inutile de me parler ainsi, je suis déjà assez clémente d’aider deux personnes sur le même sujet, il me semble (alors que tu as débarqué sans même dire bonjour, juste pour choper les codes)…
Choper les codes?Je peut point le faire,et ta pas le droit d'aide deux personne sur le même topic pour le même problème?
Alors reprenons dans le calme,je l'ai ajouter a la ligne 207,mais toujours rien!
Tu disais: Inutile de me parler ainsi, je suis déjà assez clémente d’aider deux personnes sur le même sujet, il me semble (alors que tu as débarqué sans même dire bonjour, juste pour choper les codes)…
Choper les codes?Je peut point le faire,et ta pas le droit d'aide deux personne sur le même topic pour le même problème?
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Re: Module de partage
par Matriochka Dim 17 Fév 2013 - 12:46
Pas de souci. Il faut être patient et rester zenDésolé, d’être comme ça,plein de problème et la fatigue...
Peux-tu m’envoyer ton template overall_header complet ainsi que ton CSS (complet également) ? Je vais voir ce qui cloche de ton côté.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module de partage
par bibigne Dim 17 Fév 2013 - 12:58
Merci de ta gentillesse!
Mon css:
Mon Template Over_Header:
Mon css:
- Code:
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}e Texte
.postbody a {
display: inline-block;
max-width: 300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
input { border-radius: 5px; }
table td,table { border-radius: 5px; }
background-color: #F0F0C8;
postbody a {
display: inline-block;
max-width: 300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}
#info_profil {
background-image:url("url_image"); /* image de fond */
background-color:#EEEEEE; /* couleur du fond */
border:2px solid #000000; /* couleur de la bordure, épaisseur et style */
font-size:20px; /* taille de la police */
padding:3px; /* marge interne (entre le texte et la bordure) */
width:280px; /* largeur du cadre */
float:right; /* position#info_profil_titre {
position:absolute;
margin-top:-20px;}nement à droite */}
#info_profil {
background-image:url("http://i75.servimg.com/u/f75/18/03/27/30/infos_10.png");
padding-top:20px;}
This is 45deg -rotated element.
This is 10deg -rotated element, which rotates to 45deg when hovered.
#one {
02
-moz-transform:rotate(45deg); //firefox
03
-webkit-transform:rotate(45deg); //Chrome, Safari
04
-o-transform:rotate(45deg); //Opera
05
}
06
07
#two {
08
-moz-transform:rotate(10deg); //firefox
09
-webkit-transform:rotate(10deg); //Chrome, Safari
10
-o-transform:rotate(10deg); //Opera
11
}
12
13
#two:hover {
14
-moz-transform:rotate(45deg); //firefox
15
-webkit-transform:rotate(45deg); //Chrome, Safari
16
-o-transform:rotate(45deg); //Opera
17
}
#share_content {
background:transparent; /* couleur de fond */
border:1px solid black; /* couleur de bordure, style et épaisseur */
position:fixed; /* permet de garder l’élément fixe */
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:40%; /* définit la distance entre l’élément et le haut de la page*/
padding:5px; /* ajoute une marge interne */}
Mon Template Over_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>
{HOSTING_JS}
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
<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() {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');
/* Calcul des dimensions du conteneur et des elements */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des elements et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).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);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#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');
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 = 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}
<!-- BEGIN switch_ticker_new -->
<style>
.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;
}
</style>
<!-- END switch_ticker_new -->
{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 background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"><div class="navig" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>
<div style="clear: both;"></div>
<!-- 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>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
<div id="info_profil">
Bonjour, <span class="USERLINK"></span><br />
Messages : <span class="USERCOUNTPOST"></span><br />
Inscription : <span class="USERREGDATE"></span><br />
Dernière visite : <span class="USERLASTVISIT"></span>
</div>
</td>
<!-- BEGIN switch_logo_right -->
<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>
<!-- BEGIN switch_ticker_new -->
<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">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- 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 -->
bibigne- ***
-
Messages : 116
Inscrit(e) le : 04/09/2012 -
Page 1 sur 2 • 1, 2
Sujets similaires» Module partage
» module de partage
» module partagé.
» Module partage réseaux
» Code module partage reseau sociaux
» module de partage
» module partagé.
» Module partage réseaux
» Code module partage reseau sociaux
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum