Module partage réseaux
2 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 1 • Partagez
Module partage réseaux
Bonsoir,
Lors de mon précèdant message à ce sujet tout fonctionne mais lors de ma demande j'aimerais avoir le tout sur le coté du forum et non en haut: https://forum.forumactif.com/t345519-module-de-partage
Voiçi CSS
Et dans Overall Header ligne 115 (Modifier ce au message précèdant)
Voiçi ce que le tout donne
Ce que je veux réaliser
Merci à l'avance pour cette aide.
Nathalie
Fondatrice / Administratrice
Forum Oiseaux du Québec
www.oiseauxduquebec.org
Lors de mon précèdant message à ce sujet tout fonctionne mais lors de ma demande j'aimerais avoir le tout sur le coté du forum et non en haut: https://forum.forumactif.com/t345519-module-de-partage
Voiçi CSS
- 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(ht);
background-repeat: repeat;
}
#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 */}
Et dans Overall Header ligne 115 (Modifier ce au message précèdant)
- 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="https://www.facebook.com/Nathalietiti.FODQ#!/pages/Forum-Oiseaux-du-Qu%C3%A9bec/452578405322?fref=ts"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/facebo10.jpg" /></a>
<a href="http://forumoiseauxduquebec.wordpress.com"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/wordpr10.png" /></a>
<a href="http://www.scoop.it/u/forum-oiseaux-du-quebec"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/scoop10.jpg" /></a>
<a href="https://twitter.com/FODQ2011"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/twitte10.jpg" /></a>
<a href="http://pinterest.com/fodq/"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/pinter10.png" /></a>
<a href="http://friendfeed.com/forumoiseauxduqubec"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/friend10.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>
Voiçi ce que le tout donne
Ce que je veux réaliser
Merci à l'avance pour cette aide.
Nathalie
Fondatrice / Administratrice
Forum Oiseaux du Québec
www.oiseauxduquebec.org
Dernière édition par Nathalie ODQ le Mer 27 Fév 2013 - 16:03, édité 1 fois
Re: Module partage réseaux
Bonjour,
Sur le forum indiqué dans ton profil (et dans ton message) je vois bien le module à droite :
Est-ce bien celui-ci ou un autre ?
Sur le forum indiqué dans ton profil (et dans ton message) je vois bien le module à droite :
Est-ce bien celui-ci ou un autre ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module partage réseaux
Bonjour
Oui j'ai travaillé dessus hier soir et j'en suis arriver à ce que tu as vu
Mais la mon problème est que le forum n'est plus centré
J'ai mis des flèches pour vous montrer la différence
J'ai diminuer Largeur du forum (nombre ou %) : 94% (Général, Configuration et structure de page) pour pouvoir mettre la barre du module sur le coté.
Mais je n'arrive pas à mettre le forum au centre bien centré.
Merci d'avoir prit le temps de vérifier et de me répondre.
Nathalie
Oui j'ai travaillé dessus hier soir et j'en suis arriver à ce que tu as vu
Mais la mon problème est que le forum n'est plus centré
J'ai mis des flèches pour vous montrer la différence
J'ai diminuer Largeur du forum (nombre ou %) : 94% (Général, Configuration et structure de page) pour pouvoir mettre la barre du module sur le coté.
Mais je n'arrive pas à mettre le forum au centre bien centré.
Merci d'avoir prit le temps de vérifier et de me répondre.
Nathalie
Re: Module partage réseaux
As-tu modifié le CSS entre temps ? Car là, je vois complètement autre chose…
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module partage réseaux
Code CSS
Code OVERHALL HEADER
Et j'ai diminuer le pourcentage à 94%
Et la ligne 116 j'ai ajouté des <br> pour descendre un peu il était trop proche du haut.
Merci
- 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(ht);
background-repeat: repeat;
}
#share_content {
background:transparent; /* couleur de fond */
position:float; /* permet de garder l’élément fixe */
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:90%; /* définit la distance entre l’élément et le haut de la page*/
padding:0px; /* ajoute une marge interne */
}
Code OVERHALL HEADER
- 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">
<div style="display:block; float:right; width:20px;"><br><br><br><br>
<a href="https://www.facebook.com/Nathalietiti.FODQ#!/pages/Forum-Oiseaux-du-Qu%C3%A9bec/452578405322?fref=ts"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/facebo11.png" /></a><br>
<a href="http://forumoiseauxduquebec.wordpress.com"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/wordpr12.png" /></a><br>
<a href="http://www.scoop.it/u/forum-oiseaux-du-quebec"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/sans-t11.png" /></a><br>
<a href="https://twitter.com/FODQ2011"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/twitte10.png" /></a><br>
<a href="http://pinterest.com/fodq/"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/pinter12.png" /></a><br>
<a href="http://friendfeed.com/forumoiseauxduqubec"target="top"><img src="http://i76.servimg.com/u/f76/12/58/08/82/friend11.png" /></a>
</div>
</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>
Et j'ai diminuer le pourcentage à 94%
Et la ligne 116 j'ai ajouté des <br> pour descendre un peu il était trop proche du haut.
Merci
Dernière édition par Nathalie ODQ le Mer 27 Fév 2013 - 15:55, édité 1 fois
Re: Module partage réseaux
Et avec ce CSS :
- Code:
#share_content {
background:transparent; /* couleur de fond */
position:fixed; /* permet de garder l’élément fixe */
float:right; /* positionne l’élément à droite*/
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:30%; /* définit la distance entre l’élément et le haut de la page*/
padding:0px; /* ajoute une marge interne */
}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module partage réseaux
Hmm, aucun problème chez moi en testant ton template avec ce nouveau CSS… Peux-tu me renvoyer ta feuille de CSS complète ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module partage réseaux
Code CSS
Je vais aller faire un test car si tu vois correct et moi pas est-ce que c'est possible c'est mon écran présentement je suis sur mon portable, je vais voir avec un autre ordi.
J'ai vérifier entre temps avec la tablette et c'est pire la distance sur la tablette.
Je vais revenir avec la conclusion sur un autre ordi
Merci
- 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(ht);
background-repeat: repeat;
}
#share_content {
background:transparent; /* couleur de fond */
position:fixed; /* permet de garder l’élément fixe */
float:right; /* positionne l’élément à droite*/
right:0px; /* définit la distance entre l’élément et la droite de la page*/
top:30%; /* définit la distance entre l’élément et le haut de la page*/
padding:0px; /* ajoute une marge interne */
}
Je vais aller faire un test car si tu vois correct et moi pas est-ce que c'est possible c'est mon écran présentement je suis sur mon portable, je vais voir avec un autre ordi.
J'ai vérifier entre temps avec la tablette et c'est pire la distance sur la tablette.
Je vais revenir avec la conclusion sur un autre ordi
Merci
Re: Module partage réseaux
Test fait : Non sur mon écran plat de plus grande même chose
J'ai demander à mon modérateur qui lui fonctionne sur un écran encore
plus grande et même résultat l'espace du haut mais forum centré
Merci
J'ai demander à mon modérateur qui lui fonctionne sur un écran encore
plus grande et même résultat l'espace du haut mais forum centré
Merci
Re: Module partage réseaux
C’est sous Internet Explorer que tu as ce problème (ce navigateur me donne des boutons…) ? Si tu regardes sous Google Chrome ou Mozilla, tu l’as aussi ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module partage réseaux
Je vais aller faire le test sur Mozilla et reviens
Re: Module partage réseaux
Bon sur Firefox la bannière du haut est parfaite le forum est centré
le module est à bonne place tout est super
Donc le problème est belle et bien Explorer donc le problème est la et comment le règler
95% des membre sont Explorer
le module est à bonne place tout est super
Donc le problème est belle et bien Explorer donc le problème est la et comment le règler
95% des membre sont Explorer
Re: Module partage réseaux
J'ai trouver pour le haut de page
J'ai changer float à la ligne 116 pour fixed
Sous Explorer les float ne fonctionne pas mais si ont indique fixed il le prend en charge
Mais maintenant forum n'est plus centré
Nathalie
J'ai changer float à la ligne 116 pour fixed
- Code:
<div style="display:block; fixed:right; width:50px;">
Sous Explorer les float ne fonctionne pas mais si ont indique fixed il le prend en charge
Mais maintenant forum n'est plus centré
Nathalie
Re: Module partage réseaux
D’accord, parfait
Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Module partage réseaux
Encore une gros merci pour ton aide
grandement apprécier
Nathalie
grandement apprécier
Nathalie
Sujets similaires
» Toolbar et partage réseaux sociaux
» Toolbar et partage réseaux sociaux
» Partage événement sur réseaux sociaux
» Partage sur les réseaux sociaux non apparent
» Disparition du widget partage réseaux sociaux
» Toolbar et partage réseaux sociaux
» Partage événement sur réseaux sociaux
» Partage sur les réseaux sociaux non apparent
» Disparition du widget partage réseaux 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 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum