Module de gestion de l'actualité

jpg · 25/10/2010 11:42:28

Une petite précision, la version de tigra-calendar sera un poil différente de la version officielle.
En effet, dans la version officielle il faut un code du style pour chaque champ date dans la page html

    <!-- calendar attaches to existing form element -->
    <input type="text" name="testinput" />
	<script language="JavaScript">
	new tcal ({
		// form name
		'formname': 'testform',
		// input name
		'controlname': 'testinput'
	});
	</script>

dans la version modifiée, ce sera comme avec jscolor (pour ceux qui utilisent), on aura simplement

    <input type="text"  class="date"/>

c'est quand même mieux

a+
Jean-Paul

jpg · 26/10/2010 22:57:07

Bonsoir,

j'ai pu modifier tigra_calendar comme je le souhaitais et on peut maintenant l'utiliser comme jscolor

pour rappel, on peut utiliser un simple <input type="text" class="date"/> et le fait d'avoir mis le class="date" va déclencher l'affichage du petit icone du calendrier

la version modifiée de tigra_calendar est, dès la 0.9.1.b4, intégrée à ZitePLUS

Un grand merci à PYDou pour nous avoir fait découvrir ce petit calendrier très sympatique !!! :):)

Avec la sortie de la 0.9.1.b4, la sécurité a été intégré au module de news.

La dernière version du module fonctionne avec la version 091b4 minimum

Pour l'utiliser: l'installer par le menu "module" et "installer depuis le site".

Puis fixer les droits d'utilisations du module (par défaut admin) à tous pour permettre à tout le monde de lire l'actualité (les droits seront controlés par la page ou se trouve l'appel par doshow() pour afficher l'actualité)

ainsi que les droits de modifications du modules news en sélectionnant les groupes pouvant créer de nouvelles actualités

a+
Jean-Paul

snypi · 05/11/2010 23:55:55

un peu de css pour designé le module news et reprendre les span créer

/*****news*****/
.news{

}

.news_line{
	padding-bottom: 40px;
}
.news_date{
float: left;
border: 1px solid #fff;
 border-radius: 5px 5px 0px 5px;
    -moz-border-radius: 5px 5px 0px 5px;
    -webkit-border-radius: 5px 5px 0px 5px;
margin:0px 10px 0px 10px;
text-align: center;
color: #fff;
padding-bottom: 5px;
background: #64799e;
width:60px;
}
.news_datejj{
font-size:medium;
position:relative;
top:20px;
}
.news_datesep1{
	font-size:medium;
position:relative;
top:20px;
}
.news_datemm{
font-size:medium;
position:relative;
top:20px;
}
.news_datesep2{
	display: none;
}
.news_dateaa{
	background-color:#891100;
float:left;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
font-size:small;
height:50%;
position:relative;
top:-20px;
width:100%;
}


.news_title{	
background: #fff; 
    color: #000;
	 border-radius: 5px 5px 0px 5px;
    -moz-border-radius: 5px 5px 0px 5px;
    -webkit-border-radius: 5px 5px 0px 5px;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1;
    padding: 5px 10px 5px 10px;
}
.news_title a{
	color: #4162a8;
}
.news_title a:hover{
	color: #4162a8;
}
.news_author{
	
}
.news_read{
	display:none;
}
.news_body{
	 background: #4162a8;
    border: 1px solid #19253f;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
    -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111;
    color: #fff;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-size: 1em;
    line-height: 1;
    margin-bottom: 10px;
    padding: 15px 0 12px 0;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
 
}
.news_body a{color: #64799e;}

#P0, #P2, #P4, #P6{
	/*background: #c63929;
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100));
    background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%);
    border: 1px solid #951100;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 1px 1px 3px #333;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 1px 1px 3px #333;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1;
    padding: 12px 0 14px 0;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);*/
}
#P1, #P3, #P5, #P7{
	/* background: #111;
    background: -webkit-gradient(linear, 0 0, 0 100%,
              color-stop(0, rgba(50, 50, 50, 0.9)),
              color-stop(0.5, rgba(30, 30, 30, 0.9)),
              color-stop(0.5, rgba(20, 20, 20, 0.9)),
              color-stop(1, rgba(0, 0, 0, 0.9)));
    background: -moz-linear-gradient(0% 100% 90deg, #FFFFFF, #000000,
              rgba(0, 0, 0, 0.9) 0%,
              rgba(20, 20, 20, 0.9) 50%,
              rgba(30, 30, 30, 0.9) 50%,
              rgba(50, 50, 50, 0.9) 100%);
    border: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
    color: #fff;
    line-height: 1;
    padding: 12px 0;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, .8), 0 1px 1px rgba(255, 255, 255, 0.3);*/
}

et histoire de jouer avec ce code décomanté les #P et vous aurez une couleur différente 1 fois sur deux !!

Dernière modification par snypi (06/11/2010 00:19:35)

snypi · 06/11/2010 11:12:14

salut jpg !
sur ton site de démo y'a un code qui ma l'air plus que intéressant mais je capte pas comment on peut le faire
tu dit

Ce CSS pourrait être mis dans un fichier css (moncss.css par exemple) et intégré dans cette page via la commande:
$this->content['css'].='';

tu peut me détaillé cette fonction stp
j'ai fait un test créer un page php
inserer ce code

<?php $this->content['css'].='bleu.css';?>

voici le code générer avec ma methode

<body>bleu.css<link href="cms.css" rel="stylesheet" type="text/css">

comment le faire fonctionné ton ptit bout de code ??

snypi · 06/11/2010 11:28:24

oki j'ai compris
soit on y entre le code css directement avec les balises mais ....

<?php $this->content['css'].='<style type="text/css">body {
  background-color: red;
               background-image: none;}
               </style>';?>

ou directement le lien vers la feuille de style mais ...

<link type="text/css" rel="stylesheet" href="test.css">

Ce qui me dérange !! c'est que le code css ajouté est lancé avant les autres
exemple : le css standard me met un font rouge
sur une page je veut un font bleu j'insère ton code
mais comme standard est lu en dernier c'est lui qui prime !!! donc mon font bleu n'est pas visible !!!

Dernière modification par snypi (06/11/2010 14:37:59)

jpg · 08/11/2010 00:35:10

Bonsoir,
En fait, actuellement, le css peut-être mis:
1) dans content['localcss'] et c'est ziteplus qui va rajouter les balises <style>
c'est pour insérer des bouts de code css comme

$this->content['localcss'].=".news_date {font-size:xx-small;}"

ZitePLUS va mettre ce code dans le head de la page
2) dans content['css'], zitePLUS ne rajoute rien, le code css doit-être complet
c'est pour insérer des fichiers css externes comme

$this->content['css'].='<link href="manews.css" rel="stylesheet" type="text/css" />'

ZitePLUS va mettre ce code dans le head de la page
3) dans le fichier de style général bien connu: style.css ...

snypi a écrit :

Ce qui me dérange !! c'est que le code css ajouté est lancé avant les autres
exemple : le css standard me met un font rouge
sur une page je veut un font bleu j'insère ton code
mais comme standard est lu en dernier c'est lui qui prime !!! donc mon font bleu n'est pas visible !!!

Oui, c'est bien le comportement de la b4 et c'est voulu: ce sont des variables "systèmes" qui ne doivent pas avoir priorité sur la personnalisation utilisateur.
Elles permettent à ZitePLUS de fixer, si besoin, des paramètres de bases indispensables dans certaines situations, mais qui peuvent facilement être personnalisé par le css utilisateur
La personnalisation d'un page va se faire autrement ... et il me semble, plus simplement

a+
Jean-Paul

snypi · 08/11/2010 21:22:34

salut jpg
justement !! lorsque l'on insère une personnalisation d'une page avec le code $this->content['localcss'].=".news_date {font-size:xx-small;}" ce code devrait apparaitre en dernier et pas en premier !!
imaginons que sur ma page principale j'ai les news avec la date écrit en gros (dans le css standard .news_date {font-size:150%;}et que sur une autre page j'ai les news déroulante.
Sur les news déroulante je souhaite la date en petit j'insère ce code <?php $this->content['localcss'].=".news_date {font-size:xx-small;}" ?> mais comme mon css sera lu en premier et que le général lu en dernier ma date sera écrit en gros 150% !!

standard est lu en dernier donc la classe .news_date est celle du dernier lu !!!
Non???? pas logique ça

oups je lit pas tout !! excuse

La personnalisation d'un page va se faire autrement ... et il me semble, plus simplement wink

Dernière modification par snypi (08/11/2010 21:45:58)

snypi · 09/11/2010 15:45:19

j'ai une suggestion à faire quand au module news
ligne 48 (notepad2) <div id="D'.$clef.'" class="news_line"> ajouté id="D'.$clef.'" qui ne mange pas de pain mais permet de faire une ptit effet de présentation sympa

présentation des news sur deux collones avec le css

#D0, #D2, #D4, #D6{
display:block;
float: right;
width :45%;
clear: both;
}
#D1, #D3, #D5, #D7{
display:block;

width :45%;
}

Dernière modification par snypi (09/11/2010 15:45:56)

jpg · 10/11/2010 00:35:41

Une suggestion à la suggestion
Le nombre de news n'étant pas forcément connu,
Un truc du style <div class="news_line news_even"> ou <div class="news_line news_odd"> ne serait-il pas mieux ?

a+
Jean-Paul

snypi · 10/11/2010 09:35:40

je pense que l'histoire des D ne mange pas de pain et peu toujours servir
pour t'a suggestion le problème est d'avoir une classe sur 2 qui permet de séparer les news en deux colonnes !!
j'ai pas encore le mécanisme de pensé du php mais est t'il possible de faire un truc comme cela
si la '.$clef. est pair alors applique tel classe (news_even) si la '.$clef. est impaire applique tel classe (news_odd)

avec d'option des D #D1, #D3, #D5, #D7 il suffit d'en rajouté !!
deplus on peut personnaliser presque chaque ligne exemple:

D1 width :45% D2 width :45% D4 D5 width 45% ...
ce qui donne première news affichage 100% (D0) puis deux colonnes (45%) puis de nouveau une news une ligne puis 2 colonnes...

mais avec une personalisation comme celle ci les news even et odd ne servirait pas !!!

d'autre part je crois qu'il n'y a pas de différence de div entre les news défilante et les news standard
il serait mieux d'avoir pour les news standard une div news et pour les news défilante une div news_d
ce qui permetra de personnaliser les classes css pour chaque type d'affichage !

qu'est ce que tu en pense ??

Dernière modification par snypi (10/11/2010 09:39:18)

jpg · 10/11/2010 11:05:23

snypi a écrit :

d'autre part je crois qu'il n'y a pas de différence de div entre les news défilante et les news standard
il serait mieux d'avoir pour les news standard une div news et pour les news défilante une div news_d
ce qui permetra de personnaliser les classes css pour chaque type d'affichage !
qu'est ce que tu en pense ??

Que c'est déjà possible très facilement
j'avais donné un exemple il y a quelque temps.
une piste .... la balise MARQUEE

Forum ZitePLUS

#126 25/10/2010 11:42:28

Re : Module de gestion de l'actualité

#127 26/10/2010 22:57:07

Re : Module de gestion de l'actualité

#128 05/11/2010 23:55:55

Re : Module de gestion de l'actualité

#129 06/11/2010 11:12:14

Re : Module de gestion de l'actualité

#130 06/11/2010 11:28:24

Re : Module de gestion de l'actualité

#131 08/11/2010 00:35:10

Re : Module de gestion de l'actualité

#132 08/11/2010 21:22:34

Re : Module de gestion de l'actualité

#133 09/11/2010 15:45:19

Re : Module de gestion de l'actualité

#134 10/11/2010 00:35:41

Re : Module de gestion de l'actualité

#135 10/11/2010 09:35:40

Re : Module de gestion de l'actualité

#136 10/11/2010 11:05:23

Re : Module de gestion de l'actualité

Pied de page des forums