[PBTV4.1.3] home custome - Slider

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Le 08/02/2015 à 15h58

bonjour a tous voila je tente de créer ma page home custom jusque la tout est normale donc je me dit je vais utiliser la structure d'un de mes site pour faire mon home mes voila mon problème est le suivant

j'ai fait des float: right; et float: left; ça le fait jusque la ça va mes je me suis aperçus que le fond de la page ne s'etend pas ce qui fait un effet transparent hor j'aimerais pouvoir mètre des élément a gauche et a droite si j’enlève les float ça fonctionne mes ce n'est plus aligner sur les coter voici le code home.tpl et homecustom.css

Code TPL :

 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<html> 
<div id="left">
<div class="cadre">
<h1>Deja <span style="color:#0404B4"><b>4</b></span> possibilite d hebergement.</h1><br />
<p>
Toutes nos possibilites d hebergements sons concue pour vous faciliter le travail, les differences entre toute c est possibilite c est l espace disque et le trafic.
Nous vous proposons d autre service a voir dans l espace nos service.
 
                        <br /><br />
 
</p>
<h1>POUR LES NOUVEAUX CLIENTS</h1><br />
<img src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/gift.png" style="float:left;margin:0 10px 0 0" alt="" /> 
<p>
En cette p&eacute;riode de f&ecirc;te tous nos nouveaux clients recevront un bon de 5% sur le prochain payement attention ceci n&rsquo;est valable que pour les espace web. 
                        Pour ce faire introduisez le code de r&eacute;duction obtenue dans votre mail de commande au prochain payement 
 
</p>
<div class="clear"></div>
</div>
 
<div class="cadre_petit" style="float:right;margin:0 0 0 0">
Tout les payement ce font par Paypal un outil securiser et sans danger pout vous.
<img src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/paiement.png" style="margin:5px auto 0 auto" alt="" />
</div>
 
    <h3>SERVICES CLIENT PROPOSES</h3> 
<ul class="infos">
<li>Hebergement de votre site.</li>
<li>Creation d un site personnaliser.</li> 
<li>Location de serveur jeux (a voir par mail).</li>
        </ul>
<a href="{PATH_TO_ROOT}/pages/pages.php?title=toutes-nos-offres" title="toutes nos offres"><img src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/toutes_offres.png" alt="" /></a>
</div>
 
<div id="right"> 
<script>var videos = [
    'tOQoazMwLBs',
    'QSF5P-j-Rjo'
];
 
var index=Math.floor(Math.random() * videos.length);
var html='<div><h3>Vidéo aléatoire de Youtube</h3><iframe width="400px" height="200" src="http://www.youtube.com/embed/' + videos[index] + '" frameborder="0" allowfullscreen></iframe></div>';
document.write(html);
</script>
</div>
 
   kkkkkk Fin du Home TPL

Code CSS :

 
/* Vos classes CSS */
 
/*Structure*/
*{
margin:0;
padding:0;
}     
 
 
.cadre{
width:390px; 
border:1px solid #d6d6d6;
padding:10px 25px; 
font-size:12px;
margin:25px 0 15px 0;
 
}
.cadre_petit{
width:180px; 
border:1px solid #d6d6d6;
padding:1px; 
font-size:12px; 
text-align:center;
 
}
#left {
float: left;
width:400px; 
text-align:left; 
 
}   
#right {
/*width:340px;*/
float: right; 
text-align:right; 
margin:35px 0 0 0; 
 
} 
#right p{
border-bottom:1px solid #bbbbbb;
padding:0 0 10px 0;
 
}

es que vous avez des site avec les info ou me les expliquer ici pour voir ce que ça donne http://demo.sebastieng.com/phpboost/index.php et pour le thème en rapport c'est DJ-Theswat Edité par Theswat Le 08/02/2015 à 16h34

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 08/02/2015 à 20h08

Bon j'ai réussi +- a metre le fond seulement nouveaux problème impossible de mètre le slider dynamique de flux car JQuery

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 08/02/2015 à 20h35

Bonsoir Theswat,

Ha bah j'allais regarder ! heureusement que j'ai raffraichi ma page ... quel silder en JQuery ? .. attention apparemment tu risques d'avoir des conflits avec ...

Swan

swan_signature

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 08/02/2015 à 21h44

oui justement c'est celui la que je voulais mes il va pas quand je e met site male encodée

http://easy-design.net/pages/slider-dynamique-ii-presentation-de-flux-rss-sur-tout-le-site

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 08/02/2015 à 22h24

Re^^

Oui je sais, mais il faut la fonction noconflict sur le Jquery.

je vais regarder si je trouve , ou équivalent .. avec tout ce qu'il y a sur la toile on devrait te trouver un truc pas trop mal ..

Swan

swan_signature

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 08/02/2015 à 23h25

oki merci swan c'est géniale ^^

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 10/02/2015 à 13h38

Bonjour,

Après quelques recherche que je favorise sur du slider css3, voici quelques liens sympathiques:

- http://www.css3create.com/Menu-Slides-avec-CSS3
- http://www.cssplay.co.uk/menu/cssplay-go-slide.html <== celui là je l'aime bien.
- http://www.cssplay.co.uk/menus/css3-cssplay3.html
- http://www.debray-jerome.fr/articles/Slider-en-css3.html
- http://cssslider.com/fr/
- http://csscience.com/responsiveslidercss3/ <= pas mal celui là !
- http://wowslider.com/fr/css3-slider-gothic-domino-demo.html <== celui aussi est plutôt bien fourni ..
- http://wpchannel.com/creer-slider-css3-html5-wordpress/ <== un tuto complet exportable apparemment.

A toi de choisir ^^

Swan

swan_signature

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 13/02/2015 à 14h44

Bonjour swan es que tu pense que celui ci peux être adapter - http://www.cssplay.co.uk/menu/cssplay-go-slide.html

car j'ai tester en ajoutant ce code

<?php echo Feed::get_parsed('articles', DEFAULT_FEED_NAME, 0, false, 10); ?>

mes juste après la modif il me mes erreur de codage contacter le propriétaire

http://demo.sebastieng.com/phpboost/index.php

regarde avec le theme DJ-Theswat Edité par Theswat Le 13/02/2015 à 14h51

Site web

janus57

EDN Erudit(e)

Rang

Inscrit le : 14/01/2013 à 21h59

Messages: 1018

Le 13/02/2015 à 14h46

Bonjour,

tout tes fichiers sont bien encodé en ANSI ?

Surtout ne JAMAIS utilisé UTF-8 sur les version 3, 4.0 et 4.1.

Cordialement, janus57

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 13/02/2015 à 14h53

oui mes sans utf8 pas d’accent voila le langage que j'utilise

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Site web

janus57

EDN Erudit(e)

Rang

Inscrit le : 14/01/2013 à 21h59

Messages: 1018

Le 13/02/2015 à 15h00

Bonjour,

Citation:

oui mes sans utf8 pas d’accent voila le langage que j'utilise

heu non du tout avec PHPBoost tu fait les accents normalement il gère très bien, tu peu utiliser des "éèçà" sans problème.

Citation:

faut pas re-déclarer le charset !

Tu déclare 2fois un charset alors que PHPboost le déclare déjà, donc tu vire cette ligne meta qui sert à rien et tu encode tout tes fichiers en ANSI, aucun fichier ne doit être en UTF-8 sinon cela va faire un conflit d'encodage et du coup tu va avoir des erreurs +/- random.

Cordialement, janus57

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 18/02/2015 à 20h00

ok mes ca me dit pas comment adapter

sauf si vous voulez voir le code de la page

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 19/02/2015 à 11h46

Bonjour,

Donne moi un acces en MP : FTP et sur le site demo, (Pass et Login des deux) je vais regarder cela de plus près.

Swan

swan_signature

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 21/02/2015 à 13h04

Bonjour Theswat,

Le slider est fonctionnel directement dans le HomeCustom. Pas besoin de passer par le thème.
Par contre, je te laisse faire les dernier réglages ^^

==> http://demo.sebastieng.com/phpboost/index.php

Swan

swan_signature

Site web

Theswat

EDN Concerné(e)

Rang

Inscrit le : 15/09/2009 à 01h34

Messages: 219

Le 23/02/2015 à 06h50

ok pour le slider mes en fait a chaque fois que je mes le code de flux ca bug la page mes erreur

don ce code

<?php echo Feed::get_parsed('articles', DEFAULT_FEED_NAME, 0, false, 10); ?> Edité par Theswat Le 23/02/2015 à 06h52

Site web

Easy-Design.Net forum

Aide générale [PBTV4.1.3] home custome - Slider probleme Css

Les 10 derniers messages du forum...