| |
|
| :: |
| Auteur |
Message |
bielle64
PR0
Inscrit le: 15 Juin 2008
Messages: 78
Localisation: BIELLE (64)
|
![[Réglé]Créer une barre "Partenaires"](http://www.phpbb-seo.com/forums/templates/subSilver/images/icon_minipost.gif "[Réglé]Créer une barre \"Partenaires\"") Posté le: Lun Juin 30, 2008 4:59 pm Sujet du message: [Réglé]Créer une barre "Partenaires" |
|
|
Sur un forum, je tente de mettre un barre "Partenaires" en haut de page.
Voici le code que j'ai ajouté dans le overall_header.html :
| Code: | <div id="navbar">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div align="center"><font color="#99FFFF" size="2" face="Arial, Helvetica, sans-serif">
<a href="http://www.ossau.net/" class="mainmenu" title="Retour à la page d'accueil">Accueil</a>
:: <a href="http://www.bielle-en-ossau.com/" class="mainmenu" title="Bielle en vallée d'Ossau" target="_blank"><strong>Bielle</strong></a>
:: <a href="http://www.jpf-photo.com" class="mainmenu" title="Superbes photographies de la vallée d'Ossau" target="_blank"><strong>Images des Pyrénées</strong></a>
:: <a href="http://www.cuyala.com" class="mainmenu" title="Groupe folklorique de la vallée d'Ossau" target="_blank"><strong>Cuyala</strong></a>
:: <a href="http://www.gites-pyrenees.net" class="mainmenu" title="Réservation de gîtes en Béarn (Aspe, Ossau, Barétous) et Pays-Basque (Soule)" target="_blank"><strong>Gîtes Pyrénées</strong></a>
:: <a href="http://www.emigr.net/forum/" class="mainmenu" title="Forum de l'émigration pyrénéenne" target="_blank"><strong>Emigr.net</strong></a>
:: <a href="../referencement" class="mainmenu" title="Devenez partenaire">Partenaires</a></font></div></td>
</tr>
</div>
|
Je voudrais pouvoir forcer la couleur des liens (pour cette barre uniquement, bien sûr) afin qu'ils soient de la même couleur que les "::", à savoir : #99FFFF.
Quelqu'un peut-il m'aider ? |
Dernière édition par bielle64 le Ven Juil 04, 2008 9:49 am; édité 2 fois |
|
| Revenir en haut de page |
|
 |
|
|
SeO
Administrateur - Site Admin
Inscrit le: 15 Mar 2006
Messages: 4006
|
| Posté le: Lun Juin 30, 2008 5:38 pm Sujet du message: Re: [Réglé]Créer une barre "Partenaires" |
|
|
Je pense que ça marcherait mieux en virant les td et en rajoutant les coins ronds du bas si tu en mets en haut :
| Code: | <div class="headerbar">
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="taclasse">
<a href="http://www.ossau.net/" class="mainmenu" title="Retour à la page d'accueil">Accueil</a>
:: <a href="http://www.bielle-en-ossau.com/" class="mainmenu" title="Bielle en vallée d'Ossau" target="_blank"><strong>Bielle</strong></a>
:: <a href="http://www.jpf-photo.com" class="mainmenu" title="Superbes photographies de la vallée d'Ossau" target="_blank"><strong>Images des Pyrénées</strong></a>
:: <a href="http://www.cuyala.com" class="mainmenu" title="Groupe folklorique de la vallée d'Ossau" target="_blank"><strong>Cuyala</strong></a>
:: <a href="http://www.gites-pyrenees.net" class="mainmenu" title="Réservation de gîtes en Béarn (Aspe, Ossau, Barétous) et Pays-Basque (Soule)" target="_blank"><strong>Gîtes Pyrénées</strong></a>
:: <a href="http://www.emigr.net/forum/" class="mainmenu" title="Forum de l'émigration pyrénéenne" target="_blank"><strong>Emigr.net</strong></a>
:: <a href="../referencement" class="mainmenu" title="Devenez partenaire">Partenaires</a>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
</div> |
En rajoutant une classe css "taclasse" pour mettre en forme le texte et les liens au besoin, que tu ajouterais à la fin de styles/prosilver/theme/colours.css :
| Code: | .taclasse {
/* pour le texte, police, taille couleur, gras ou pas gras */
}
.taclasse a{
/* pour les liens, juste pour y mettre ce qui est censé différer du texte */
}
.taclasse a:hover{
/* pour les liens en survol */
}
|
|
_________________
phpBB SEO || SEO Forum || Forum Référencement
GYM Sitemap & RSS for phpBB3 has been released ! || GYM Sitemap & RSS for phpBB3 est disponible ! |
|
| Revenir en haut de page |
|
|
bielle64
PR0
Inscrit le: 15 Juin 2008
Messages: 78
Localisation: BIELLE (64)
|
| Posté le: Lun Juin 30, 2008 7:33 pm Sujet du message: Re: [Réglé]Créer une barre "Partenaires" |
|
|
Bon, je suis parti sur une barre un peu différente et plus discrète :
http://www.cuyala.com/premod3/
Mes directives CSS ne sont pas prises en compte, tu es sûr que c'est dans color.css que je dois les mettre ?
Je donne mon overall_header.html complet :
| Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
{SEO_BASE_HREF}
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<title>{PAGE_TITLE}<!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF --></title>
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
{META_TAG}
{META}
<!--
phpBB style name: prosilver
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by:
NOTE: This page was generated by phpBB, the free open-source bulletin board package.
The phpBB Group is not responsible for the content of this page and forum. For more information
about phpBB please visit http://www.phpbb.com
-->
<script type="text/javascript">
// <![CDATA[
var jump_page = '{LA_JUMP_PAGE}:';
var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
var style_cookie = 'phpBBstyle';
var onload_functions = new Array();
var onunload_functions = new Array();
// www.phpBB-SEO.com SEO TOOLKIT BEGIN
var seo_delim_start = '{SEO_START_DELIM}';
var seo_static_pagination = '{SEO_SATIC_PAGE}';
var seo_ext_pagination = '{SEO_EXT_PAGE}';
// www.phpBB-SEO.com SEO TOOLKIT END
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
var url = '{UA_POPUP_PM}';
window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
}
<!-- ENDIF -->
/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}
/**
* New function for handling multiple calls to window.onload and window.unload by pentapenguin
*/
window.onload = function()
{
for (var i = 0; i < onload_functions.length; i++)
{
eval(onload_functions[i]);
}
}
window.onunload = function()
{
for (var i = 0; i < onunload_functions.length; i++)
{
eval(onunload_functions[i]);
}
}
// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
</div>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span></div>
</div>
<!--
Début de la barre de partenaires
-->
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="partenaires">
<a href="http://www.ossau.net/" class="mainmenu" title="Retour à la page d'accueil">Accueil</a>
:: <a href="http://www.bielle-en-ossau.com/" class="mainmenu" title="Bielle en vallée d'Ossau" target="_blank"><strong>Bielle</strong></a>
:: <a href="http://www.jpf-photo.com" class="mainmenu" title="Superbes photographies de la vallée d'Ossau" target="_blank"><strong>Images des Pyrénées</strong></a>
:: <a href="http://www.cuyala.com" class="mainmenu" title="Groupe folklorique de la vallée d'Ossau" target="_blank"><strong>Cuyala</strong></a>
:: <a href="http://www.gites-pyrenees.net" class="mainmenu" title="Réservation de gîtes en Béarn (Aspe, Ossau, Barétous) et Pays-Basque (Soule)" target="_blank"><strong>Gîtes Pyrénées</strong></a>
:: <a href="http://www.emigr.net/forum/" class="mainmenu" title="Forum de l'émigration pyrénéenne" target="_blank"><strong>Emigr.net</strong></a>
:: <a href="../referencement" class="mainmenu" title="Devenez partenaire">Partenaires</a>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<!--
Fin de la barre de partenaires
-->
<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="linklist navlinks">
<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
</ul>
<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<ul class="linklist leftside">
<li class="icon-ucp">
<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> •
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- IF U_RESTORE_PERMISSIONS --> •
<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->
</li>
</ul>
<!-- ENDIF -->
<ul class="linklist rightside">
<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
</div>
<a name="start_here"></a>
<div id="page-body">
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
<div id="message" class="rules">
<div class="inner"><span class="corners-top"><span></span></span>
<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF --> |
Ainsi que la fin de styles/prosilver/theme/colours.css :
| Code: | /* Form partenaires
---------------------------------------- */
/* texte, police, taille couleur, gras ou pas gras */
.partenaires { font: bold, 16px, Arial;
color: #99FFFF;
}
/* liens, juste pour y mettre ce qui est censé différer du texte */
.partenaires a{
font: 16px, Arial;
color: #99FFFF;
}
/* pour les liens en survol */
.partenaires a:hover{
font: 16px, Arial;
color: #99FFFF;
} |
|
|
|
| Revenir en haut de page |
|
|
SeO
Administrateur - Site Admin
Inscrit le: 15 Mar 2006
Messages: 4006
|
| Posté le: Mar Juil 01, 2008 6:54 am Sujet du message: Re: [Réglé]Créer une barre "Partenaires" |
|
|
Tu n'est pas cens utiliser deux fois la même id dans une page. Des classe oui, mais pas des id :
| Code: | | <div id="page-header"> |
Après, n'oublies pas que tu dois rafraîchir le thème et le template dans l'acp à chaque modif ou activer la mise à jour auto dans les paramètre de charge de phpBB pour voir des changements. |
_________________
phpBB SEO || SEO Forum || Forum Référencement
GYM Sitemap & RSS for phpBB3 has been released ! || GYM Sitemap & RSS for phpBB3 est disponible ! |
|
| Revenir en haut de page |
|
|
bielle64
PR0
Inscrit le: 15 Juin 2008
Messages: 78
Localisation: BIELLE (64)
|
| Posté le: Mar Juil 01, 2008 9:52 am Sujet du message: Re: [Réglé]Créer une barre "Partenaires" |
|
|
Je peux mettre simplement un autre nom ?
Je veux dire que ça n'est pas relié à un css ou autre chose ? |
|
|
| Revenir en haut de page |
|
|
bielle64
PR0
Inscrit le: 15 Juin 2008
Messages: 78
Localisation: BIELLE (64)
|
| Posté le: Mar Juil 01, 2008 5:24 pm Sujet du message: Re: [Réglé]Créer une barre "Partenaires" |
|
|
| J'ai essayé, j'ai bien recompilé, rien à faire :'( |
|
|
| Revenir en haut de page |
|
|
gowap
phpBB SEO Team
Inscrit le: 07 Mai 2006
Messages: 1008
|
| Posté le: Mar Juil 01, 2008 8:29 pm Sujet du message: Re: [Réglé]Créer une barre "Partenaires" |
|
|
| SeO a écrit: | Tu n'est pas censé utiliser deux fois la même id dans une page. Des classe oui, mais pas des id :
| Code: | | <div id="page-header"> |
|
Les ID doivent etre unqiues dans la page, je vois toujours encore les memes noms répétés. |
_________________
Gravure-News : la communauté francophone de la gravure de CD/DVD et son forum d'entraide. |
|
| Revenir en haut de page |
|
|
Eliaqim
PR1
Inscrit le: 14 Mar 2007
Messages: 124
|
| Posté le: Mar Juil 01, 2008 10:14 pm Sujet du message: Re: [Réglé]Créer une barre "Partenaires" |
|
|
Dans overall_header.html ajouter :
| Code: | | <link href="{T_THEME_PATH}/nouveau.css" rel="stylesheet" type="text/css" /> |
Dans thème/nouveau.css nouveau.css sera un nouveau style que vous devez crée dans le dossier (thème).
| Code: |
#partenaires li {display: inline}
#partenaires li, #partenaires li a, #partenaires li a:hover, #partenaires li a:focus, #partenaires li a:active
{text-align : left; text-decoration : none; font-family : Arial; font-size : 12px; color : #99FFFF; margin-left:2; padding-right: 2px}
.bar-partenaires { background-color: #0179B5; padding: 0 10px; }
.bar-partenaires span.corners-top, .bar-partenaires span.corners-bottom { margin: 0 -10px; }
.bar-partenaires:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bar-partenaires { height: 4%; overflow: hidden; }
|
Dans overall_header.html ajouter :
| Code: |
<div class="bar-partenaires">
<span class="corners-top"><span></span></span>
<div >
<ul id="partenaires">
<li><a href="http://www.ossau.net/" class="mainmenu" title="Retour à la page d'accueil">Accueil</a></li>
<li>:: <a href="http://www.bielle-en-ossau.com/" title="Bielle en vallée d'Ossau" target="_blank">Bielle</a></li>
<li>:: <a href="http://www.jpf-photo.com" title="Superbes photographies de la vallée d'Ossau" target="_blank">Images des Pyrénées</a></li>
<li>:: <a href="http://www.cuyala.com" title="Groupe folklorique de la vallée d'Ossau" target="_blank">Cuyala</a></li>
<li>:: <a href="http://www.gites-pyrenees.net" title="Réservation de gîtes en Béarn (Aspe, Ossau, Barétous) et Pays-Basque (Soule)" target="_blank">Gîtes Pyrénées</a></li>
<li>:: <a href="http://www.emigr.net/forum/" title="Forum de l'émigration pyrénéenne" target="_blank">Emigr.net</a></li>
<li>:: <a href="../referencement" title="Devenez partenaire">Partenaires</a></li>
</ul>
</div>
<span class="corners-bottom"><span></span></span>
</div>
|
Voila |
_________________
[ http://www.referencement-web.ca/ ]
RÉFÉRENCEMENT WEB Inc. s'occupe de tout, de la conception jusqu'à la gestion de contenu en passant par l'hébergement. Bien sûr, nous offrons également les services de référencement web . (NEW) Forums gratuit de soutiens en référencement web. |
|
| Revenir en haut de page |
|
|
bielle64
PR0
Inscrit le: 15 Juin 2008
Messages: 78
Localisation: BIELLE (64)
|
| Posté le: Ven Juil 04, 2008 9:44 am Sujet du message: Re: [Réglé]Créer une barre "Partenaires" |
|
|
C'est nickel !!!!!
Merci Eliaqim et aux autres qui ont bien voulu se pencher sur mon cas.
Vos conseils m'ont donc permis d'inclure une barre de liens partenaires sur mon forum :
 |
|
|
| Revenir en haut de page |
|
|
|
|
| Navigation |
Autres sujets de discussion |
|
|
|
|
|
|
|
