Fork me on GitHub






Laila
Affichage News en page d'accueil
#1
Régulier
Inscrit: 29/11/2009 20:45
Messages: 246
Bonjour tout le monde,

J'ai un petit soucis par rapport au module news, je développe :

J'aimerai un affichage personnalisé des articles dans ma page d'accueil, surtout que je sens qu'il y a certains contraintes, En quelque sorte, je souhaiterai faire comme sur Xoops france sauf que je ne veux pas utilisé l'option SPOTLIGHT. Voici un peu le plan :


1. Je ne souhaite PAS utilisé SPOTLIGHT.
2. Je souhaite afficher 1 article dans la page d'accueil et non au moins 5 comme imposé.
3. En bas J'aimerai afficher les articles récents (comme sur xoops france).
4. J'aimerai que même quand les articles ont périmé, de les avoir sur le bloc en bas des derniers articles ...

Quelqu'un pourrait m'aider ? Merci !

Posté le : 23/11/2011 16:42
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Laila
Re: Affichage News en page d'accueil
#2
Régulier
Inscrit: 29/11/2009 20:45
Messages: 246
Bon, je vais simplifier ma demande :)

Je souhaiterai avoir la même page d'accueil NEWS que sur frxoops.org !

La même mise en page, CSS ...

Merci de m'aider

Posté le : 02/12/2011 13:04
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Affichage News en page d'accueil
#3
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

le choix du nombre d'article à afficher est paramétrable - ensuite tu ajouter en dessous quelques blocs de news que tu désires

Posté le : 03/12/2011 11:11

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Laila
Re: Affichage News en page d'accueil
#4
Régulier
Inscrit: 29/11/2009 20:45
Messages: 246
J'ai bidouillé tout ça, mais j'ai des problèmes de CSS avec ... Je teste tjrs sur 3 navigateurs : FF, IE et Chrome, et y a des disfonctionnements entre les 3.

Ce que je souhaiterai faire c'est d'afficher 1 seul article sur la page d'accueil, et qu'en bas un peu comme sur frxoops.org, il y ait les 5 derniers articles, voilà ...

Mais à vrai dire vu que j'ai aimé la présentation de la page d'accueil de frxoops, j'aimerai avoir le même avec la même bordure ...

Posté le : 03/12/2011 14:49
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Affichage News en page d'accueil
#5
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
template news_block_top.html
<{if $block.displayview==2}>        <{* Classical view *}>

<style type="text/css">
#fullSupport {
    padding: 1.5em;
    background: <{$block.color2}>;
    min-height: 300px;
}

<{if $block.tabskin==1}>            <{* Bar Style *}>
#tabNavigation {
    background: #F90;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    list-style: none outside none;
    color: inherit;
    margin: 0;
    padding: 0
}

html #tabNavigation/* */ {
    padding: 4px 0 4px 0
}

html>body #tabNavigation {
    margin: 0;
    padding: 4px 0 4px 0
}

#tabNavigation li {
    display: inline;
    line-height: 1em
}

#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
    background: <{$block.color4}>;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    color: #FFF;
    cursor: pointer;
    height: 1em;
    margin: -1px 0 -1px 0;
    padding: 3px 6px 3px 6px;
    text-decoration: none
}

html #tabNavigation a/* */, html #tabNavigation a:link/* */, html #tabNavigation a:visited/* */ {
    border-bottom: none;
    height: auto;
    margin: 0
}

html>body #tabNavigation a, html>body #tabNavigation a:link, html>body #tabNavigation a:visited {
    border-bottom: none;
    padding: 4px 6px 4px 6px
}

head+body #tabNavigation a, head+body #tabNavigation a:link, head+body #tabNavigation a:visited {
    padding: 3px 6px 3px 6px
}

#tabNavigation a:hover {
    background: <{$block.color5}>;
    color: inherit
}

#tabNavigation a:active {
    background: #CCC;
    border-right: 1px solid #000;
    color: inherit
}

#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
    background: <{$block.color3}>;
    border-bottom: none;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    cursor: text;
    padding: 3px 5px 4px 5px
}

html>body #tabNavigation .selectedTab a, html>body #tabNavigation .selectedTab a:link, html>body #tabNavigation .selectedTab a:visited {
    padding: 4px 5px 5px 5px
}

head+body #tabNavigation .selectedTab a, head+body #tabNavigation .selectedTab a:link, head+body #tabNavigation .selectedTab a:visited, head+body #tabNavigation .selectedTab a:hover {
    padding: 3px 5px 4px 5px
}

.fixTabsIE {
    visibility: hidden
}
<{elseif $block.tabskin==2}>        <{* Beveled *}>
#tabNavigation {
    border-bottom: 1px solid #000;
    list-style: none outside none;
    margin: 0;
    padding: 0
}

html #tabNavigation/* */ {
    padding: 4px 0 2px 0
}

html>body #tabNavigation {
    padding: 3px 0 1px 0
}

head+body #tabNavigation {
    padding: 4px 0 2px 0
}

#tabNavigation li {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    display: inline;
    height: 1em;
    margin: 0 0 0 3px;
    padding: 0;
    z-index: 1000
}

html #tabNavigation li/* */ {
    height: auto
}

html>body #tabNavigation li {
    height: auto;
    margin: 0 -5px 0 -3px;
    padding: 3px 5px 2px 5px
}

html>body ul[id]#tabNavigation li {
    margin: 0 0 0 3px;
    padding: 3px 0 2px 0
}

#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
    background: <{$block.color4}>;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    color: #FFF;
    height: 1em;
    padding: 2px 4px 2px 4px;
    text-decoration: none
}

html #tabNavigation a/* */, html #tabNavigation a:link/* */, html #tabNavigation a:visited/* */ {
    height: auto
}

#tabNavigation a:hover {
    background: <{$block.color5}>;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-top: 1px solid #888;
    color: #FFF
}

#tabNavigation a:active {
    background: #C60;
    border-left: 1px solid #E80;
    border-right: 1px solid #E80;
    border-top: 1px solid #E80;
    color: #FFF
}

html>body #tabNavigation li.selectedTab {
    margin: 0 -5px 0 -3px;
    padding: 3px 5px 2px 5px
}

html>body ul[id]#tabNavigation li.selectedTab {
    margin: 0 0 0 3px;
    padding: 3px 0 2px 0
}

#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
    background: <{$block.color3}>;
    border-left: 1px solid #FC3;
    border-right: 1px solid #FC3;
    border-top: 1px solid #FC3;
    color: #FFF;
    margin: -2px 0 0 0;
    padding: 3px 4px 3px 4px;
    position: relative;
    top: 2px
}

html #tabNavigation .selectedTab a/* */, html #tabNavigation .selectedTab a:link/* */, html #tabNavigation .selectedTab a:visited/* */, html #tabNavigation .selectedTab a:hover/* */ {
    margin: -1px 0 0 0;
    top: 1px
}

html>body #tabNavigation .selectedTab a, html>body #tabNavigation .selectedTab a:link, html>body #tabNavigation .selectedTab a:visited, html>body #tabNavigation .selectedTab a:hover {
    padding: 2px 4px 2px 4px;
    top: 0
}

head:first-child+body #tabNavigation .selectedTab a, head:first-child+body #tabNavigation .selectedTab a:link, head:first-child+body #tabNavigation .selectedTab a:visited, head:first-child+body #tabNavigation .selectedTab a:hover {
    margin: -1px 0 0 0;
    padding: 2px 4px 4px 4px;
    top: 0
}

head:first-child+body ul[id]#tabNavigation .selectedTab a, head:first-child+body ul[id]#tabNavigation .selectedTab a:link, head:first-child+body ul[id]#tabNavigation .selectedTab a:visited, head:first-child+body ul[id]#tabNavigation .selectedTab a:hover {
    padding: 3px 4px 3px 4px;
    top: 1px
}

.fixTabsIE {
    visibility: hidden
}
<{elseif $block.tabskin==3}>        <{* Classic *}>
ul, li {
    list-style: disc;
    margin: 0 10px 0 10px
}

#tabNavigation {
    background: #789;
    color: inherit;
    list-style: none outside none;
    margin: 0;
    padding: 0
}

html #tabNavigation/* */ {
    padding: 6px 0 6px 1px
}

html>body #tabNavigation {
    margin: 0;
    padding: 6px 0 6px 1px;
}

#tabNavigation li {
    display: inline;
    line-height: 1em;
    margin: 0;
    padding: 0
}

#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
    background: url(<{$block.imagesurl}>unselectedEnd.gif) <{$block.color4}> no-repeat scroll top right;
    color: #FFF;
    cursor: pointer;
    height: 1em;
    padding: 5px 21px 5px 2px;
    text-decoration: none;
    z-index: 1000
}

html #tabNavigation a/* */, html #tabNavigation a:link/* */, html #tabNavigation a:visited/* */ {
    height: auto;
    margin: 0;
    padding: 5px 21px 5px 2px
}

#tabNavigation a:hover {
    background: url(<{$block.imagesurl}>unselectedEnd.gif) <{$block.color5}> no-repeat scroll top right;
    color: #FFF;
    text-decoration: underline
}

#tabNavigation a:active {
    background: url(<{$block.imagesurl}>unselectedEnd.gif) #789 no-repeat scroll top right;
    color: #567;
    text-decoration: none
}

#tabNavigation li.selectedTab {
    background: url(<{$block.imagesurl}>selectedStart.gif) #FFF no-repeat scroll top left;
    color: inherit;
    margin: 0 0 0 -22px;
    padding: 0 0 0 23px
}

html>body #tabNavigation li.selectedTab {
    background: url(<{$block.imagesurl}>selectedStart.gif) #FFF no-repeat scroll top left;
    color: inherit;
    margin: 0 0 0 -22px;
    padding: 5px 1px 5px 22px
}

html>body ul[id]#tabNavigation li.selectedTab {
    background: url(<{$block.imagesurl}>selectedStart.gif) #FFF no-repeat scroll top left;
    color: inherit;
    margin: 0 0 0 -22px;
    padding: 5px 0 5px 23px
}

#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
    background: transparent url(<{$block.imagesurl}>selectedEnd.gif) no-repeat scroll top right;
    border-bottom: none;
    color: #000;
    cursor: text;
    padding: 5px 21px 5px 2px;
    text-decoration: none
}

html #tabNavigation .selectedTab a/* */, html #tabNavigation .selectedTab a:link/* */, html #tabNavigation .selectedTab a:visited/* */, html #tabNavigation .selectedTab a:hover/* */ {
    padding: 5px 21px 5px 1px
}

#tabNavigation .fixTabsIE a, #tabNavigation .fixTabsIE a:link, #tabNavigation .fixTabsIE a:visited, #tabNavigation .fixTabsIE a:hover {
    display: none;
}
<{elseif $block.tabskin==4}>        <{* Folders *}>
#tabNavigation {
    border-bottom: 1px solid #C60;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 20px
}

html #tabNavigation/* */ {
    margin: 0;
    padding: 3px 0 3px 20px
}

html>body #tabNavigation {
    margin: 0;
    padding: 0 0 1px 20px
}

head+body #tabNavigation {
    padding: 0 0 3px 20px
}

html>body ul[id] #tabNavigation {
    padding: 0 0 0 20px
}

#tabNavigation li,  #subNavigation li {
    display: inline;
    list-style: none outside none
}

#tabNavigation .preloadUnselected {
    background: transparent url(<{$block.imagesurl}>unselected.gif);
}

#tabNavigation .preloadSelected {
    background: transparent url(<{$block.imagesurl}>selected.gif);
}

#tabNavigation .preloadHover {
    background: transparent url(<{$block.imagesurl}>hover.gif);
}

#tabNavigation .preloadActive {
    background: transparent url(<{$block.imagesurl}>active.gif);
}

html>body #tabNavigation li {
    background: transparent url(<{$block.imagesurl}>unselected.gif) no-repeat top left;
    border-right: 1px solid #666;
    display: block;
    float: left;
    height: 1em;
    margin: 3px 5px 3px -15px;
    padding: 3px 5px 5px 27px
}

head:first-child+body #tabNavigation li {
    background: none;
    border-right: none;
    display: inline;
    float: none;
    margin: 0;
    padding: 0
}

#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
    background: transparent url(<{$block.imagesurl}>unselected.gif) no-repeat top left;
    border-right: 1px solid #666;
    color: #FFF;
    display: inline;
    height: 1em;
    margin: 0 0 0 -15px;
    padding: 3px 5px 3px 27px;
    text-decoration: none
}

html>body #tabNavigation a, html>body #tabNavigation a:link, html>body #tabNavigation a:visited {
    border-right: none;
    margin: 0;
    padding: 0
}

head:first-child+body #tabNavigation a, head:first-child+body #tabNavigation a:link, head:first-child+body #tabNavigation a:visited {
    border-right: 1px solid #666;
    margin: 0 0 0 -15px;
    padding: 3px 5px 3px 27px;
    position: relative;
    z-index: 50
}

#tabNavigation a:hover {
    background: transparent url(<{$block.imagesurl}>hover.gif) no-repeat top left;
    border-right: 1px solid #333;
    color: #FFF;
    text-decoration: none
}

html>body #tabNavigation a:hover {
    border-right: none;
    text-decoration: underline
}

head:first-child+body #tabNavigation a:hover {
    border-right: 1px solid #333;
    padding: 4px 5px 3px 27px;
    position: relative;
    text-decoration: none;
    z-index: 5000
}

#tabNavigation a:active {
    background: transparent url(<{$block.imagesurl}>active.gif) no-repeat top left;
    color: #FFF;
    text-decoration: none
}

html>body #tabNavigation a:active {
    text-decoration: underline
}

head:first-child+body #tabNavigation a:active {
    text-decoration: none
}

html>body #tabNavigation li.selectedTab {
    background: transparent url(<{$block.imagesurl}>selected.gif) no-repeat top left;
    border-right: 1px solid #C60;
    display: block;
    float: left;
    height: 1em;
    margin: 3px 5px 5px -15px;
    padding: 3px 5px 5px 27px
}

head:first-child+body #tabNavigation li.selectedTab {
    background: none;
    border-right: none;
    display: inline;
    float: none;
    margin: 0;
    padding: 0
}

#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited {
    background: transparent url(<{$block.imagesurl}>selected.gif) no-repeat top left;
    border-right: 1px solid #C60;
    color: #FFF;
    cursor: text;
    display: inline;
    height: 1em;
    margin: 0 0 0 -15px;
    padding: 3px 5px 3px 27px
}

html>body #tabNavigation .selectedTab a, html>body #tabNavigation .selectedTab a:link, html>body #tabNavigation .selectedTab a:visited {
    border-right: none;
    margin: 0;
    padding: 0
}

head:first-child+body #tabNavigation .selectedTab a, head:first-child+body #tabNavigation .selectedTab a:link, head:first-child+body #tabNavigation .selectedTab a:visited, head:first-child+body #tabNavigation .selectedTab a:hover {
    background: transparent url(<{$block.imagesurl}>selected.gif) no-repeat top left;
    border-right: 1px solid #C60;
    margin: 0 0 0 -15px;
    padding: 3px 5px 3px 27px;
    position: relative;
    z-index: 10000
}

html head:first-child+body #tabNavigation .selectedTab a, html head:first-child+body #tabNavigation .selectedTab a:link, html head:first-child+body #tabNavigation .selectedTab a:visited, html head:first-child+body #tabNavigation .selectedTab a:hover {
    padding: 4px 5px 5px 27px
}

.fixTabsIE {
    visibility: hidden
}
<{elseif $block.tabskin==5}>        <{* MacOs *}>
#tabNavigation {
    background: #CCC;
    border-bottom: 1px solid #999;
    border-top: 1px solid #FFF;
    color: inherit;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

html #tabNavigation/* */ {
    padding: 4px 0 4px 0
}

html>body #tabNavigation {
    margin: 0;
    padding: 4px 0 4px 0
}

#tabNavigation li {
    display: inline;
    line-height: 1em
}

#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
    background: inherit;
    border-bottom: 1px solid #999;
    border-left: 1px solid #FFF;
    border-right: 1px solid #999;
    border-top: 1px solid #FFF;
    color: #000;
    cursor: pointer;
    height: 1em;
    margin: -1px 0 -1px 0;
    padding: 3px 6px 3px 6px;
    text-decoration: none;
    white-space: normal;
}

html #tabNavigation a/* */, html #tabNavigation a:link/* */, html #tabNavigation a:visited/* */ {
    height: auto;
    margin: 0
}

html>body #tabNavigation a, html>body #tabNavigation a:link, html>body #tabNavigation a:visited {
    padding: 4px 6px 4px 6px
}

head+body #tabNavigation a, head+body #tabNavigation a:link, head+body #tabNavigation a:visited {
    padding: 3px 6px 3px 6px
}

#tabNavigation a:hover {
    background: <{$block.color5}>;
    border-bottom: 1px solid #666;
    border-left: 1px solid #CCC;
    border-right: 1px solid #666;
    border-top: 1px solid #CCC;
    color: inherit
}

#tabNavigation a:active {
    background: #CCC;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #999;
    border-right: 1px solid #FFF;
    border-top: 1px solid #999;
    color: inherit
}

#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
    background: <{$block.color3}>;
    border-bottom: 1px solid #999;
    border-left: 1px solid #FFF;
    border-right: 1px solid #999;
    border-top: 1px solid #FFF;
    color: #000;
    cursor: text;
    font-weight: bold
}

#tabNavigation .fixTabsIE a, #tabNavigation .fixTabsIE a:link, #tabNavigation .fixTabsIE a:visited {
    visibility: hidden
}

html #tabNavigation .fixTabsIE a/* */, html #tabNavigation .fixTabsIE a:link/* */, html #tabNavigation .fixTabsIE a:visited/* */ {
    background: #CCC;
    border-bottom: none;
    border-left: 1px solid #FFF;
    border-right: none;
    border-top: none;
    color: inherit;
    cursor: text;
    margin: 0;
    padding: 3px 6px 3px 6px;
    visibility: visible
}
<{elseif $block.tabskin==6}>        <{* Plain *}>
#tabNavigation {
    border-bottom: 1px solid #000;
    font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 18px 0;
}

ul#tabNavigation li {
    display: inline;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

ul#tabNavigation a, ul#tabNavigation a:link, ul#tabNavigation a:visited {
    background: <{$block.color4}>;
    border: 1px solid #000;
    color: #000;
    float: left;
    margin: 0 0 0 5px;
    padding: 2px 6px 2px 6px;
    text-decoration: none
}

ul#tabNavigation a:hover, ul#tabNavigation a:focus {
    background: <{$block.color5}>;
    color: #FFF;
}

ul#tabNavigation a:active {
    background: #FFF;
    border-bottom: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    color: #00F;
    padding: 2px 6px 3px 6px
}

ul#tabNavigation li.selectedTab a, ul#tabNavigation li.selectedTab a:link, ul#tabNavigation li.selectedTab a:visited {
    background: <{$block.color3}>;
    border-bottom: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    cursor: text;
    margin: 0 0 0 5px;
    padding: 2px 6px 3px 6px
}

ul#tabNavigation li.fixTabsIE {
    display: none;
    visibility: hidden
}
<{elseif $block.tabskin==7}>        <{* Rounded *}>
#tabNavigation {
    background: #FFF;
    border-bottom: 1px solid #000;
    color: inherit;
    list-style: none outside none;
    margin: 1px 0 0 0;
    padding: 0;
}

html #tabNavigation/* */ {
    padding: 4px 0 4px 0
}

html>body #tabNavigation {
    margin: 0;
    padding: 4px 0 4px 0
}

#tabNavigation li {
    background: url(<{$block.imagesurl}>unselected_left.gif) #C60 no-repeat scroll top left;
    color: inherit;
    display: inline;
    line-height: 1em;
    margin: 0 0 0 2px;
    padding: 0
}

html>body #tabNavigation li {
    margin: 0 0 0 -6px;
    padding: 3px 0 3px 8px
}

html>body ul[id]#tabNavigation li {
    margin: 0 0 0 2px;
    padding: 3px 0 3px 0
}

#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
    background: transparent url(<{$block.imagesurl}>unselected_right.gif) no-repeat scroll top right;
    border-bottom: 1px solid #000;
    color: #FFF;
    cursor: pointer;
    height: 1em;
    margin: -1px 0 -1px 0;
    padding: 3px 8px 3px 8px;
    text-decoration: none
}

html #tabNavigation a/* */, html #tabNavigation a:link/* */, html #tabNavigation a:visited/* */ {
    border-bottom: none;
    height: auto;
    margin: 0 0 0 4px;
    padding: 3px 8px 3px 4px
}

#tabNavigation a:hover {
    background: transparent url(<{$block.imagesurl}>unselected_right.gif) no-repeat scroll top right;
    color: #FFF;
    text-decoration: underline
}

#tabNavigation a:active {
    background: transparent url(<{$block.imagesurl}>unselected_right.gif) no-repeat scroll top right;
    color: #000;
    text-decoration: underline
}

#tabNavigation li.selectedTab {
    background: transparent url(<{$block.imagesurl}>selected_left_F90.gif) no-repeat scroll top left;
    color: inherit;
    padding: 0
}

html>body #tabNavigation li.selectedTab {
    margin: 0 0 0 -6px;
    padding: 4px 0 4px 8px
}

html>body ul[id]#tabNavigation li.selectedTab {
    margin: 0 0 0 2px;
    padding: 4px 0 4px 0
}

#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
    background: transparent url(<{$block.imagesurl}>selected_right_F90.gif) no-repeat scroll top right;
    border-bottom: none;
    color: #000;
    cursor: text;
    padding: 4px 8px 4px 8px;
    text-decoration: none
}

html #tabNavigation .selectedTab a/* */, html #tabNavigation .selectedTab a:link/* */, html #tabNavigation .selectedTab a:visited/* */, html #tabNavigation .selectedTab a:hover/* */ {
    padding: 4px 8px 4px 4px
}

.fixTabsIE {
    visibility: hidden
}
<{elseif $block.tabskin==8}>        <{* ZDnet *}>
#tabNavigation {
    list-style: none outside none;
    margin: 0;
    padding: 4px 0 3px 0
}

@media all {
    #tabNavigation {
        text-align: center
    }
}

#tabNavigation li {
    background: #000;
    display: inline;
    line-height: 1em;
    margin: 0 4px 0 4px;
    padding: 0;
    position: relative;
    top: 10px
}

html #tabNavigation li/* */ {
    line-height: 1.2em;
    top: 6px
}

html>body #tabNavigation li {
    margin: 0 2px 0 4px;
    padding: 4px 0 4px 0
}

#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
    background: <{$block.color4}>;
    border: 1px solid #FFF;
    bottom: 2px;
    color: #FFF;
    cursor: pointer;
    display: inline;
    height: 1em;
    margin: 0 4px 0 0;
    padding: 3px 5px 3px 5px;
    position: relative;
    right: 2px;
    text-decoration: none
}

html #tabNavigation a/* */, html #tabNavigation a:link/* */, html #tabNavigation a:visited/* */ {
    height: auto;
    margin: 0 -4px 0 0
}

html>body #tabNavigation a, html>body #tabNavigation a:link, html>body #tabNavigation a:visited {
    margin: 0
}

#tabNavigation a:hover {
    background: <{$block.color5}>;
    border: 1px solid #FFF;
    bottom: 1px;
    color: #FFF;
    padding: 3px 5px 3px 5px;
    position: relative;
    right: 1px
}

#tabNavigation a:active {
    background: #666;
    border: 1px solid #FFF;
    bottom: 0;
    color: #FFF;
    padding: 3px 5px 3px 5px;
    position: relative;
    right: 0
}

#tabNavigation li.selectedTab {
    background: <{$block.color3}>;
    display: inline;
    margin: 0 4px 0 4px;
    position: relative;
    top: 4px
}

#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
    background: #F90;
    border-bottom: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    bottom: 0;
    color: #FFF;
    cursor: text;
    margin: 0 5px 0 0;
    padding: 3px 5px 0 5px;
    position: relative;
    right: 0
}

html #tabNavigation .selectedTab a/* */, html #tabNavigation .selectedTab a:link/* */, html #tabNavigation .selectedTab a:visited/* */, html #tabNavigation .selectedTab a:hover/* */ {
    margin: 0 -2px 0 0
}

.fixTabsIE {
    visibility: hidden
}
<{/if}>
</style>
    <{* ************************************** Tabs creation ************************************** *}>
<ul id="tabNavigation">
<{foreach item=onetab from=$block.tabs}>
    <{if $block.current_tab == $onetab.id}>
    <li class="selectedTab"><a href='#'><{$onetab.title}></a></li>
    <{else}>
    <li><a href="<{$block.url}>NewsTab=<{$onetab.id}>"><{$onetab.title}></a></li>
    <{/if}>
<{/foreach}>
    <li class="fixTabsIE"><a href="javascript:void(0);">&nbsp;</a></li>
</ul>

<{if $block.current_is_spotlight}>
    <div style="border-top: 1px solid rgb(0, 0, 0); background: <{$block.color1}> none repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;"><{$block.spotlight.author}> <{$block.lang_on}> <{$block.spotlight.date}> <{if $block.use_rating}> - <{$block.spotlight.rating}>/10 (<{$block.spotlight.number_votes}>)<{/if}>, <{$block.spotlight.hits}> <{$block.lang_reads}><br /></div>
<{else}>
    <div style="border-top: 1px solid rgb(0, 0, 0); background: <{$block.color1}> none repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;">
    <{foreach item=onesummary from=$block.smallheader}>
        <{$onesummary}>&nbsp;
    <{/foreach}>
    <br /></div>
<{/if}>
    <{* ************************************** Body of the current tab ************************************** *}>
<div id="fullSupport">
    <{if $block.current_is_spotlight && $block.tabs.id==0}>
        <table border='0'>
        <tr>
            <td colspan='2'>
                <table border='0'>
                <tr><td><img src='<{$block.spotlight.topic_image}>' border='0' alt='' /></td><td align='left'><{$block.spotlight.topic_description}></td></tr>
                </table>
            <div class="itemBody"><ul><li><{$block.spotlight.title_with_link}></li></ul></div></td>
        </tr>
        <tr>
            <td><{$block.spotlight.image}>&nbsp;</td><td><p class="note"><{$block.spotlight.text}></p></td>
        </tr>
        </table>
        <br /><center><hr width='85%' /></center>
        <ul>
            <{foreach item=onenews from=$block.spotlight.news}>
                <li><{$onenews.date}> - <{$onenews.title_with_link}></li>
            <{/foreach}>
        </ul>
    <{else}>
        <table border='0'>
        <tr><td><img src='<{$block.topic_image}>' border='0' alt='' /></td><td align='left'><{$block.topic_description}></td></tr>
        </table>
        <{foreach item=onenews from=$block.news}>
            <div class="itemBody"><ul><li><{$onenews.title}></li></ul><span class="itemStats">&nbsp;&nbsp;<{$onenews.author}> <{$block.lang_on}> <{$onenews.date}> - <{if $block.use_rating}> <{$onenews.rating}>/10 (<{$onenews.number_votes}>)<{/if}>, <{$onenews.hits}> <{$block.lang_reads}></span></div>
            <p class="note"><{$onenews.text}></p>
        <{/foreach}>
    <{/if}>
</div>
<{else}>    <{* ************************************** Classical view ************************************** *}>
<table>
    <{if $block.spotlight}>
    <tr>
        <td><table>
        <tr>
            <td colspan='2'>
                <h1><font color="#2652BA"><b><{$block.spotlight.title}></b></font></h1>
            </td>
        </tr>
        <tr>
            <td><{$block.spotlight.image}></td><td><{$block.spotlight.text}></td>
        </tr>
        <tr>
            <td colspan='2'>
            <{if $block.spotlight.read_more}>
                <hr width='98%' />
                <div align='right'><a href="<{$xoops_url}>/modules/news/article.php?storyid=<{$block.spotlight.id}>"><{$block.lang_read_more}></a> &nbsp;&nbsp;&nbsp;</div>
                <hr width='98%' />
            <{/if}>
            </td>
        </tr>
        </table></td>
    </tr>
    <{/if}>
    <tr>
        <td>
            <ul>
                <{foreach item=news from=$block.stories}>
                    <{if $news.id != $block.spotlight.id}>
                        <li>
                        <{if $block.sort=='counter'}>
                            [<{$news.hits}>]
                        <{elseif $block.sort=='published'}>
                            [<{$news.date}>]
                        <{else}>
                            [<{$news.rating}>]
                        <{/if}>
                        <a href="<{$xoops_url}>/modules/news/article.php?storyid=<{$news.id}>" <{$news.infotips}>><{$news.title}></a> <br /><{$news.teaser}></li>
                    <{/if}>
                <{/foreach}>
            </ul>
        </td>
    </tr>
</table>
<{/if}>

Posté le : 03/12/2011 17:28

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Laila
Re: Affichage News en page d'accueil
#6
Régulier
Inscrit: 29/11/2009 20:45
Messages: 246
J'ai fait ceci Kris, ça ne marche pas ...
Je comprends rien, aucun effet :s
Ce que j'ai fait : Copier/coller ton code dans le html donné, je souhaiterai avoir la meme page d'accueil que frxoops :s
Il suffit juste de changer le html ke tu m'as donné ?

P.S : J'ai vidé les caches, et quand je veux mettre à jour news ==>

A problem has occurred on our server!

Page is currently unavailable

We are working on a fix
Please come back soon ...
Error : Smarty error: [in db:news_block_top.html line 915]: syntax error: unidentified token '#039;counter'' (Smarty_Compiler.class.php, line 1410)

Posté le : 04/12/2011 23:50
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Affichage News en page d'accueil
#7
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
vérifies les charsets de tes fichiers

Posté le : 05/12/2011 01:02

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Laila
Re: Affichage News en page d'accueil
#8
Régulier
Inscrit: 29/11/2009 20:45
Messages: 246
c koi charset ?
Qu'est c que je dois faire ?

Posté le : 05/12/2011 13:06
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Affichage News en page d'accueil
#9
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
utf8 sans bom ou fichier encodé en ansi

Posté le : 06/12/2011 09:04

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

136 Personne(s) en ligne (123 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 136 | Plus ...