Modules Thèmes Tester Contact
INSCRIPTION
HeaDev script template module et thème pour kwsphp
Se souvenir de moi ?   Mot de passe perdu ?

HeaDev script template module et thème pour kwsphp


Headev vous propose diverses créations, que ce soit du HTML, du CSS ou du PHP, Headev combine le tout afin de vous offrir des modules et des thèmes de qualité. Retrouvez sur ce site toutes nos créations disponibles en téléchargement.

Headev propose 33 modules et 31 thèmes en téléchargement !


Site de tchat gratuit

Le 29 novembre 2011
Par julkien

Cette news n'est pas en relation avec Headev mais avec un autre site ouvert depuis 8 mois qui fait son petit bonhomme de chemin.

mega-tchat.com est un nouveau site de tchat, il fut mis en place afin de créé un véritable site de tchat gratuit ou tout est gratuit, que vous vouliez devenir VIP, utilisez le tchat webcam, tout est absolument gratuit.

Ce site de tchat gratuit vous propose diverses activités tel que un quizz, des vidéos drôles et un espace de jeux en flash pour vous permettre d'affronter les autres membres du sites et monter sur les podiums de classement.

Le site tournant sous KwsPHP vous y retrouverez également une messagerie privée digne de se nom qui vous facilitera le contact avec les autres membres en toute sécurité.

Le site possède plus de 3000 membres, vous y trouverez peut être la ou le célibataire que vous recherchier !

Le site étant en constante évolution, un chatroulette vient d'y être ajouté pour vous permettre de faire des rencontres aléatoire avec d'autres membres.

De plus une nouvelle option vient d'apparaitre, celle ci permet de choisir si vous souhaitez afficher vos photos aux visiteurs et robots ou seulement aux membres du site.

Mega-tchat est garantie sans modération sur le tchat, c'est à dire sans personne pour vous faire croire que le tchat est peuplé de célibataire en attente comme d'autres plateforme use et abuse afin de vous faire croire au meilleur.

La seule modération sur mega-tchat.com est la modération des propos et des profils.
# 227 lectures
Catégorie : La VDS Inscrivez vous pour commenter
Plus de news...

MAJ du thème Manga

Le 9 novembre 2011
Par julkien

Le thème Manga vient de subir une MAJ pour coller au nouveau KwsPHP.

Ce thème à maintenant un menu simple à configurer, quelques erreurs HTML ont été corrigées et il à été allégé afin d'accroitre la rapidité de votre site.

Il est disponible gratuitement comme tous les thèmes de Headev.

# 199 lectures
Catégorie : Les MAJ des modules Inscrivez vous pour commenter
Plus de news...
Article du moment

• Javascript Jquery Carousel (Bxcarousel)

Javascript Jquery Carousel (Bxcarousel)

Script javascript permettant de faire défiler des textes ou des images, ou les deux combiné dans un slider par paquet.

L'installation de ce script nécessite plusieurs point :

Premier point, procurez vous les deux Js sur ces adresses :
http://bxcarousel.com/js/jquery.bxcarousel.min.js (clique droit - enregistrer la source)

http://jqueryjs.googlecode.com/files/jquery-latest-release.zip

Créer si votre thème ne l'a pas déjà un dossier nommé "includes" dans le répertoire de votre thème puis insérer les deux fichiers dans ce dossier (includes).

Ajouter également ces deux images dans ce dossier :

image

image


Maintenant ouvrir le fichier header.php de votre thème avec votre éditeur de texte favoris.

en dessous de cette ligne (généralement vers le haut du fichier) :

Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4.  
  5.     <link rel="stylesheet" href="themes/'.$K_theme.'/style/style.css" type="text/css" />
  6.  
  7. #####!!!#####
  8. ?>


Rajouter ces lignes :


Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4.  
  5. <script src="themes/'.$K_theme.'/includes/jquery-latest.js" type="text/javascript"></script>
  6. <script src="themes/'.$K_theme.'/includes/jquery.jcarousel.pack.js" type="text/javascript"></script>
  7. <script type="text/javascript">
  8.     <!--
  9.     $(document).ready( function () {
  10.         jQuery('ul.jcarousel-skin-tango').jcarousel({
  11.         display_num: 3,
  12.         move: 1
  13.         });
  14.     });
  15.     // -->
  16. </script>
  17.  
  18.  
  19. #####!!!#####
  20. ?>


Maintenant ouvrir votre fichier style.css de votre thème et rajouter à la fin ces lignes :


Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4. .jcarousel-container{position:relative;}
  5. .jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative;}
  6. .jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0;}
  7. .jcarousel-list li, .jcarousel-item{float:left;list-style:none;width:160px;height:220px;}
  8. .jcarousel-skin-tango .jcarousel-item{width:160px;height:220px;overflow:hidden;}
  9. .jcarousel-next{z-index:3;display:none;}
  10. .jcarousel-prev{z-index:3;display:none;}
  11. .jcarousel-skin-tango .jcarousel-container-horizontal{width:540px;margin-left:-20px;padding:20px 40px;margin-bottom:10px;}
  12. .jcarousel-skin-tango .jcarousel-clip-horizontal{width:540px;height:230px;}
  13. .jcarousel-skin-tango .jcarousel-item-horizontal{margin-right:10px;background:#f2f2f2;}
  14. .jcarousel-skin-tango .jcarousel-item-placeholder{background:#fff;color:#000;}
  15. .jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:43px;right:5px;width:20px;height:40px;cursor:pointer;background:url(../images/gosign/droite.png) 0% 0% no-repeat transparent;}
  16. .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background-position:-32px 0%;}
  17. .jcarousel-skin-tango .jcarousel-next-horizontal:active{background-position:-64px 0%;}
  18. .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{cursor:default;background-position:-96px 0%;}
  19. .jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:43px;left:5px;width:20px;height:40px;cursor:pointer;background:url(../images/gosign/gauche.png) 0% 0% no-repeat transparent;}
  20. .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background-position:-32px 0%;}
  21. .jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position:-64px 0%;}
  22. .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-96px 0%;}
  23.  
  24.  
  25. #####!!!#####
  26. ?>


Maintenant, là ou vous voulez faire défiler vos contenus (texte, image, lien etc...), rajouter se qui suit de manière à pouvoir vous y retrouver :


Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4. echo '<div class="post wrap page">
  5.     <div class="post-content right-col">
  6.        <ul class="jcarousel-skin-tango" style="padding-left:0;">
  7. <li>                            Contenu 1
  8. </li>
  9. <li>                            Contenu 2
  10. </li>
  11. <li>                            Contenu 3
  12. </li>
  13. <li>                            etc...
  14. </li>
  15. </ul>
  16. <div class="fix">
  17. </div>
  18. </div>
  19. </div>';
  20.  
  21. #####!!!#####
  22. ?>


Comme vous pouvez le constater, il vous suffit de mettre vos contenus entre les balises <li>contenu</li> pour que ceux-ci soient pris en compte dans le slider carousel.

Pour aller plus loin :

-Modification de la taille de chaque contenu :

Chercher ces lignes dans votre style.css:

Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4. .jcarousel-list li, .jcarousel-item{float:left;list-style:none;width:160px;height:220px;}
  5. .jcarousel-skin-tango .jcarousel-item{width:160px;height:220px;overflow:hidden;}
  6.  
  7.  
  8. #####!!!#####
  9. ?>


le "width" correspond à la largeur du contenu tandis que le "height" correspond à la hauteur de votre contenu.

-Modification de la taille du carousel :

Chercher ces lignes dans votre style.css:

Code PHP :
Pour copier le contenu exact du code,
Veuillez citer le message
  1. <?php  
  2. #####!!!#####
  3.  
  4. .jcarousel-skin-tango .jcarousel-container-horizontal{width:540px;margin-left:-20px;padding:20px 40px;margin-bottom:10px;}
  5. .jcarousel-skin-tango .jcarousel-clip-horizontal{width:540px;height:230px;}
  6.  
  7. #####!!!#####
  8. ?>


Attention les deux width doivent avoir la même taille.

Voilà votre script est prêts à fonctionner.

PS: ceci est mon premier tuto, merci de me le commenter.








• Commenter cet article

Sponsoring
etoilette

referencement rapide
puce Sponsoriser votre site
Gagner rapidement en référencement grâce au programme de sponsorisation mise en place sur Headev.com et augmenter plus rapidement votre PageRank.
puce En savoir plus
checkup
checkup

Les 10 meilleurs sites

1- kwsphp.org

score: 91


2- jeuxflash.boul...

score: 89


3- nailissima.fr

score: 86


4- mega-tchat.com

score: 84


5- headev.com

score: 83


6- webjardiner.com

score: 77


7- chat-quizz.com

score: 72


8- -side-solo.info

score: 71


9- brikwo.com

score: 69


10- tchat-live.org

score: 64


administration Outil référencement

administration Voir les sites participants

administration Voir les stats des sites

Forum
forum

easyphoto
easyphoto

puce Faire une photo
puce Visualiser les galeries
Galerie de Fifi69
image membre
score
stream
stream

acces au video
Remi gaillard
 
Auteur:julkien
Stats
stats

En ce moment:
0 membre
2 visiteurs
84 visites aujourd’hui
140 460 visiteurs
depuis le 10/12/2008
Sponsor
spons

Partenaires
etoilette

  • jeux
  • tchat
  • visiotchat
  • Tchatgratuit
  • Tchatgratuit
  • Tchat
  • tchat-webcam
  • MGM
  • tchat-webmaster
  • fifa12
  • calendrier
  • sante
  • webcam

copyright headev.com

Tchat  Grives.net  -Ruisseau-des-blaquieres - St Eloi-chateau-gombert - Le jardin d'a côte - Brikwo Tchat Webcam Quizz  Headev  Tchat tchat gratuit - Mister Blague -  Visiotop - La mare du gof - rencontres gratuites - femme cherche femme - rencontre musulman - Annuaire pour site de tchat et rencontre - Label pour site de tchat