Aide générale une page d'accueil personnalise
Reprise du message précédent
foufou:oui je viens d'essayer , il marche tres bien mais j ai deux question à vous poser concernant la page.
je veux savoir comment faire pour change le point par une icone de mon choix et j'aimerai aussi mettre un arriere plan . comment faire cela merci à vous
je veux savoir comment faire pour change le point par une icone de mon choix et j'aimerai aussi mettre un arriere plan . comment faire cela merci à vous
quelqu'un peux nous dire comment faire svp ?
Affla
Dans global.css à la ligne 149, si tu ne l'as pas, rajoute le tout en bas :
Tu devrais avoir ceci ensuite :
Pour l'image, elle se trouve dans le dossier "templates/images/" et c'est le li.png
Dans global.css à la ligne 149, si tu ne l'as pas, rajoute le tout en bas :
Code CSS :
ul li.bb_li, ul.rss_feed li { list-style-image:url(images/li.png); }
Tu devrais avoir ceci ensuite :
- PLop
- Plouf
- Paf
Pour l'image, elle se trouve dans le dossier "templates/images/" et c'est le li.png
bonsoir swan merci pour ta réponse
voici mon global.css si tu peux me le modifier stp merci d'avance
Caché:
voici mon global.css si tu peux me le modifier stp merci d'avance
Caché:
/* --------------------------------------
global.css
Contient les classes globales au site, peuvent être utilisées partout.
--------------------------------------*/ /* Classes générales
--------------------------------------*/
/* Case générale des tableaux du site*/
.row1,.block_contents1 {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
background:#D4D4D4 none repeat scroll 0 0;
border-color:#747474;
border-style:solid;
border-width:3px 1px 1px;
padding:8px 6px;
}
.block_contents1 {
padding:20px 6px;
}
.row2,.block_contents2 {
padding:8px 6px;
/*border-top:1px solid #3F4A69;*/
-moz-border-radius:0px 0px 5px 5px;
-khtml-border-bottom-right-radius:5px;
-khtml-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-radius:5px;
}
.block_contents2 {
padding:20px 6px;
}
.row3,.block_contents3 {
background:#D4D4D4 none repeat scroll 0 0;
border:1px solid #8C8C8C;
margin-bottom:-1px;
padding:6px;
}
.block_contents3 {
padding:20px 6px;
}
/* Case résultat recherche membre AJAX */
.xmlhttprequest_result_search {
overflow:auto;
height:100px;
width:100px;
overflow:auto;
font-size:11px;
background:#f5fbff;
border:1px solid #2C5169;
color:#061729;
padding:2px;
}
/*Affichage du mini calendrier */
.calendar_block {
position:absolute;
text-align:center;
padding:6px 4px;
background:#f5fbff;
border:1px solid #2C5169;
bottom:28px;
width:204px;
z-index:100;
}
.calendar_today {
background:#CEDBE7 none repeat scroll 0 0;
border:1px dotted #3F4A69;
font-weight:bold;
padding:2px;
}
/* Déplacement des fichiers*/
.upload_selected_cat {
background:#f5fbff;
border:1px solid #2C5169;
}
/* Lien du site
--------------------------------------*/
a {
color:#747474;
text-decoration:none;
font-size:11px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Liens petite taille */
a.small_link {
font-size:10px;
color:#747474;
}
a.small_link:hover {
font-size:10px;
color:#FFFFFF;
}
/* Liens grande taille */
a.big_link {
font-size:15px;
}
a.big_link:hover {
font-size:15px;
}
/* Liens des commentaires. */
a.com {
color:#515C68;
font-size:10px;
font-weight:bold;
}
a.com:hover {
color:#01528D;
font-size:10px;
font-weight:bold;
}
/* Lien des utilisateurs => ne pas changer le nom de ces classes! */
a.admin {
color:#9E0829;
font-size:11px;
font-weight:bold;
}
a.modo {
color:#177499;
font-size:11px;
font-weight:bold;
}
a.membre {
color:#054A2E;
font-size:11px;
font-weight:bold;
}
/* Liens pagination
--------------------------------------*/
.pagination {
font-size:11px;
}
.pagination_current_page {
text-decoration:underline;
}
/*Menu dynamique des liens
--------------------------------------*/
/* Lien du menu */
.dynamic_menu h5 {
color:#747474;
}
.dynamic_menu h5:hover {
color:#FFFFFF;
}
/* Séparateur */
.dynamic_menu ul li.separator {
background:#747474;
}
.dynamic_menu ul li.extend {
background:url(images/bgmenu_extend.png);
}
/* Case du menu */
.dynamic_menu li ul {
border:1px solid #8C8C8C;
}
.dynamic_menu li li {
color:#747474;
background:#E4E4E4 url(images/bgmenu.png) repeat-y;
}
.dynamic_menu li li a {
color:#747474;
}
.dynamic_menu li li a:hover {
background-color:#FFF;
/*background-color:#F4E3FF;*/
border:1px solid #8C8C8C;
}
global.css
Contient les classes globales au site, peuvent être utilisées partout.
--------------------------------------*/ /* Classes générales
--------------------------------------*/
/* Case générale des tableaux du site*/
.row1,.block_contents1 {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
background:#D4D4D4 none repeat scroll 0 0;
border-color:#747474;
border-style:solid;
border-width:3px 1px 1px;
padding:8px 6px;
}
.block_contents1 {
padding:20px 6px;
}
.row2,.block_contents2 {
padding:8px 6px;
/*border-top:1px solid #3F4A69;*/
-moz-border-radius:0px 0px 5px 5px;
-khtml-border-bottom-right-radius:5px;
-khtml-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-radius:5px;
}
.block_contents2 {
padding:20px 6px;
}
.row3,.block_contents3 {
background:#D4D4D4 none repeat scroll 0 0;
border:1px solid #8C8C8C;
margin-bottom:-1px;
padding:6px;
}
.block_contents3 {
padding:20px 6px;
}
/* Case résultat recherche membre AJAX */
.xmlhttprequest_result_search {
overflow:auto;
height:100px;
width:100px;
overflow:auto;
font-size:11px;
background:#f5fbff;
border:1px solid #2C5169;
color:#061729;
padding:2px;
}
/*Affichage du mini calendrier */
.calendar_block {
position:absolute;
text-align:center;
padding:6px 4px;
background:#f5fbff;
border:1px solid #2C5169;
bottom:28px;
width:204px;
z-index:100;
}
.calendar_today {
background:#CEDBE7 none repeat scroll 0 0;
border:1px dotted #3F4A69;
font-weight:bold;
padding:2px;
}
/* Déplacement des fichiers*/
.upload_selected_cat {
background:#f5fbff;
border:1px solid #2C5169;
}
/* Lien du site
--------------------------------------*/
a {
color:#747474;
text-decoration:none;
font-size:11px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Liens petite taille */
a.small_link {
font-size:10px;
color:#747474;
}
a.small_link:hover {
font-size:10px;
color:#FFFFFF;
}
/* Liens grande taille */
a.big_link {
font-size:15px;
}
a.big_link:hover {
font-size:15px;
}
/* Liens des commentaires. */
a.com {
color:#515C68;
font-size:10px;
font-weight:bold;
}
a.com:hover {
color:#01528D;
font-size:10px;
font-weight:bold;
}
/* Lien des utilisateurs => ne pas changer le nom de ces classes! */
a.admin {
color:#9E0829;
font-size:11px;
font-weight:bold;
}
a.modo {
color:#177499;
font-size:11px;
font-weight:bold;
}
a.membre {
color:#054A2E;
font-size:11px;
font-weight:bold;
}
/* Liens pagination
--------------------------------------*/
.pagination {
font-size:11px;
}
.pagination_current_page {
text-decoration:underline;
}
/*Menu dynamique des liens
--------------------------------------*/
/* Lien du menu */
.dynamic_menu h5 {
color:#747474;
}
.dynamic_menu h5:hover {
color:#FFFFFF;
}
/* Séparateur */
.dynamic_menu ul li.separator {
background:#747474;
}
.dynamic_menu ul li.extend {
background:url(images/bgmenu_extend.png);
}
/* Case du menu */
.dynamic_menu li ul {
border:1px solid #8C8C8C;
}
.dynamic_menu li li {
color:#747474;
background:#E4E4E4 url(images/bgmenu.png) repeat-y;
}
.dynamic_menu li li a {
color:#747474;
}
.dynamic_menu li li a:hover {
background-color:#FFF;
/*background-color:#F4E3FF;*/
border:1px solid #8C8C8C;
}
pour faire ce que tu veut il faudrais refaire les tpl de flux, et mettre les images proprement dites.
pour cela il faut [b]dupliquer les dossier de flux dans le dossier theme.
la ou sa ce complique c'est que si tu fait sa tu modifie les flux. Les liens relatif, et le nombre de dossier dans les quels il faudra bosser.
les 3 flux (3dossier) et les sous dossier de chaque flux.
si tu a du mal avec un simple changement d'image en css c'est loin d'etre gagné.
list-style-image:url(images/li.png); c'est pour dire a ton navigateur d'aller chercher dans le dossiers templates/TONTHEME/ donc au final :
RACINE ../templates/DarkAge_Green/images/li.png
pour changer l'image tu peut tres bien la mettre ailleur et donner l'url complète sa marche aussi (meme si c'est moins joli)
pour cela il faut [b]dupliquer les dossier de flux dans le dossier theme.
la ou sa ce complique c'est que si tu fait sa tu modifie les flux. Les liens relatif, et le nombre de dossier dans les quels il faudra bosser.
les 3 flux (3dossier) et les sous dossier de chaque flux.
si tu a du mal avec un simple changement d'image en css c'est loin d'etre gagné.
list-style-image:url(images/li.png); c'est pour dire a ton navigateur d'aller chercher dans le dossiers templates/TONTHEME/ donc au final :
RACINE ../templates/DarkAge_Green/images/li.png
pour changer l'image tu peut tres bien la mettre ailleur et donner l'url complète sa marche aussi (meme si c'est moins joli)
Accroche toi au clavier, je retire le shell...
saturnin:
merci saturnin pour ta réponse
peux tu me dire le fichier que je doit modifier exactement stp ? et comment faire exactement car j'ai pas bien compris merci d'avance
pour faire ce que tu veut il faudrais refaire les tpl de flux, et mettre les images proprement dites.
pour cela il faut [b]dupliquer les dossier de flux dans le dossier theme.
la ou sa ce complique c'est que si tu fait sa tu modifie les flux. Les liens relatif, et le nombre de dossier dans les quels il faudra bosser.
les 3 flux (3dossier) et les sous dossier de chaque flux.
pour cela il faut [b]dupliquer les dossier de flux dans le dossier theme.
la ou sa ce complique c'est que si tu fait sa tu modifie les flux. Les liens relatif, et le nombre de dossier dans les quels il faudra bosser.
les 3 flux (3dossier) et les sous dossier de chaque flux.
merci saturnin pour ta réponse
peux tu me dire le fichier que je doit modifier exactement stp ? et comment faire exactement car j'ai pas bien compris merci d'avance
il n'y a pas un fichier a mdifier mais plusieurs.
sans parler de la création de la reprise d'architecture.
il y a trois flux donc tout est en triple.
je regarderais demain pour te donner la marche a suivre pour les news, mais il faudra que tu adapte au autre flux.
il faudra en passer par la suppression de l'image du li.
sans parler de la création de la reprise d'architecture.
il y a trois flux donc tout est en triple.
je regarderais demain pour te donner la marche a suivre pour les news, mais il faudra que tu adapte au autre flux.
il faudra en passer par la suppression de l'image du li.
Accroche toi au clavier, je retire le shell...
Dans le dossier :
../templates/tontheme/modules/news/
il faut ajouter l'architecture suivante :
framework/content/syndication/last_news.tpl
pour avoir une architecture tel que :
../templates/tontheme/modules/news/framework/content/syndication/last_news.tpl
les dossier et fichiers /framework/content/syndication/last_news.tpl se récupere dans le theme base :
../templates/base/modules/news/framework/content/syndication/last_news.tpl
je ne parle ici que tu module news, mais c'est la meme manipulation pour les autres flux.
le fichier last_news.tpl que tu dois modifier dois ressemblé a cela :
ton image étant ici = ../images/iconews.png
pour les autres flux meme manip en adaptant au module et l'image.
../templates/tontheme/modules/news/
il faut ajouter l'architecture suivante :
framework/content/syndication/last_news.tpl
pour avoir une architecture tel que :
../templates/tontheme/modules/news/framework/content/syndication/last_news.tpl
les dossier et fichiers /framework/content/syndication/last_news.tpl se récupere dans le theme base :
../templates/base/modules/news/framework/content/syndication/last_news.tpl
je ne parle ici que tu module news, mais c'est la meme manipulation pour les autres flux.
le fichier last_news.tpl que tu dois modifier dois ressemblé a cela :
Code HTML :
# START item # <!-- ITEM --> <div class="news_container" style="float:left;width:365px;margin-left:10px;"> <div class="news_top_l"></div> <div class="news_top_r"></div> <div class="news_top"> <h3 class="title valign_middle"> <img src="../images/iconews.png" alt="icon"><span class="text_small" style="float:right;position:relative;top:-13px;">{item.DATE}</span> <a href="{item.U_LINK}">{item.TITLE}</a> </h3> </div> <div class="news_bottom_l"></div> <div class="news_bottom_r"></div> <div class="news_bottom"></div> </div> <!-- END ITEM --> # END item #
ton image étant ici = ../images/iconews.png
pour les autres flux meme manip en adaptant au module et l'image.
Accroche toi au clavier, je retire le shell...
merci saturnin
pourriez vous me donner le code pour avoir le bloc l'édito et le bloc shoutbox dans la page index
merci à vous c'est un site qui est formidable qui répond aux attente de membres je tien vraiment à te facilite swan .
pourriez vous me donner le code pour avoir le bloc l'édito et le bloc shoutbox dans la page index
merci à vous c'est un site qui est formidable qui répond aux attente de membres je tien vraiment à te facilite swan .
Hurlement primaire
envoyé par loreleisioux. - Regardez les vidéos des stars du web.
(tien on viens juste d'en parlé du hurlement primaire )
heu nan c'est a compiler soit meme ...
toutes les info sont disponible et sur ce fil tu en a les 3/4. Un peu de recherche personelle, et surtout de test a ce niveau reste a faire de ta part.
au passage je rapelle que c'est ton site.
Accroche toi au clavier, je retire le shell...
Citation:
Pour le bloc de l'édito, c'est cette partie de code que tu dois coller dans ton index:
Mais il doit etre activer dans l'administration des news
Pour le bloc de la shoutbox, c'est se code à placer directement en php dans un contenair:
Du moins, il me semble que c'est cela... KONA, tu peux me confirmer que c'est cela, j'ai pas testé
pourriez vous me donner le code pour avoir le bloc l'édito et le bloc shoutbox dans la page index
Pour le bloc de l'édito, c'est cette partie de code que tu dois coller dans ton index:
Code TPL :
# IF C_NEWS_EDITO # <div class="news_container"> <div class="news_top_l"></div> <div class="news_top_r"></div> <div class="news_top"> <div style="float:left;padding-left:30px;"><h3 class="title">{TITLE}</h3></div> <div style="float:right;"># IF C_IS_ADMIN # <a href="../news/admin_news_config.php" title="{L_EDIT}"><img src="../templates/{THEME}/images/{LANG}/edit.png" class="valign_middle" alt="{L_EDIT}" /></a> # ENDIF #</div> </div> <div class="news_content"> {CONTENTS} </div> <div class="news_bottom_l"></div> <div class="news_bottom_r"></div> <div class="news_bottom"></div> </div> # ENDIF #
Mais il doit etre activer dans l'administration des news
Pour le bloc de la shoutbox, c'est se code à placer directement en php dans un contenair:
Code PHP :
<!-- START module online --> <?php require_once PATH_TO_ROOT . '/shoutbox/shoutbox_mini.php'; echo shoutbox_mini(0, BLOCK_POSITION__TOP_CENTRAL); ?> <!-- END module online -->
Du moins, il me semble que c'est cela... KONA, tu peux me confirmer que c'est cela, j'ai pas testé
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie