Easy-Design.Net forum




Documentations et Dossiers [Réglé] Téléchargements en position verticale sur l'index Largeur de l'espace vide ..

Visiteur

EDN Helpers

Rang

Avatar

Message : 0

Le 18/02/2012 à 17h18
Salut :)

Voilà j'ai un soucis qui n'est pas vraiment un soucis,

Sur ce tuto, que j'ai déjà reproduit à plusieurs reprise sans aucun soucis "Menu de flux des téléchargements en position verticale sur l'index" j'aimerais réduire l’espace qu'il y à entre les cadres de téléchargement, j'ai fais une petite capture pour montrer l'endroit en faite :)

Preview

J'ai essayer comme j'ai fais sur mes autres thème mais la c'est un autre problème car le thème na pas de menu verticale ...

Du coup la largeur du container central et à 1000px :s

Voilà une idée ? S'il vous plais, merci :)

Ps : Swan, il y a une erreur sur les noms d'image, celle-ci "backthumb_hover" dans le css tu à mis "backthumb-hover"
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 18/02/2012 à 17h31
Re ^^

Pour ton soucis, tu as essayé d'en placer 5 au lieu de 4 actuellement ?

Citation:
Ps : Swan, il y a une erreur sur les noms d'image, celle-ci "backthumb_hover" dans le css tu à mis "backthumb-hover"


Corrigé ^^ Merci ..


swan_signature

Site web    
Visiteur

EDN Helpers

Rang

Avatar

Message : 0

Le 18/02/2012 à 17h55
Re Swan, oui j'ai tester sa, que je mette 5 où 6 voir même 50 rien ne change, par-contre si je met "2" j'en et 2 ^^

Le problème n'est pas trop embêtant mais, en mettre 4 la ou je pourrais en mettre 6-7 c'est une peut dommage :D
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 18/02/2012 à 18h24
Citation:
Pour ton soucis, tu as essayé d'en placer 5 au lieu de 4 actuellement ?


Quand je dis cela, c'est dans les téléchargements bien entendu, mais aussi dans ton code d'appel !

Soit :

Code PHP :
 
<?php echo Feed::get_parsed('download', DEFAULT_FEED_NAME, 0, false, 5); ?>


Remplace le 5 au bout du code par le nombre de fichier que tu veux avoir sur ta page index, mais il te faudra les avoir en DL ^^

Ensuite si c'est trop juste, joue sur les width en XX%, dans le code tpl.


swan_signature

Site web    
Visiteur

EDN Helpers

Rang

Avatar

Message : 0

Le 18/02/2012 à 18h34
Oui oui c'est bien la que je modifie :) Mais impossible d'en mettre plus de 4, je vais aller rendre visite au .tpl, voir ce qu'il vas me dire :)

La que je modifie :
Code PHP :
$contents_feed_download = Feed::get_parsed("download", DEFAULT_FEED_NAME, 0, FALSE, 5, 0);
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 18/02/2012 à 19h05
:oO Ton code il est pas comme le mien .. a moins que tu passe tout en php dans ton index, je comprendrais mieux alors :p


swan_signature

Site web    
Visiteur

EDN Helpers

Rang

Avatar

Message : 0

Le 18/02/2012 à 19h09
Voilà Swan, en faite c'étais tout bête comme d'habitude :)

Le code proposé et comme ici :

Caché:
Code CSS :
/* #######################################*/
/*         Feed.pl : Download             */
/* #######################################*/
 
.wrap1{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background:transparent url(images/backthumb.png) no-repeat scroll center top;
border:1px solid #989898;
display:inline-block;
height:200px;
margin:5px 5px 2px;
padding:2px;
text-align:center;
vertical-align:top;
width:150px;
}
.wrap1:hover{
background:#FFFFFF url(images/backthumb_hover.png) no-repeat scroll center top;
border:1px solid #000000;
}
.wrap2 {
float:left;
height:180px;
padding-left:6px;
width:140px;
}
.wrap3 {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height:96px;
margin:4px;
text-align:center;
width:128px;
}
.wrap4 {
}
 
.wrap2 img {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
height:85px;
padding:5px;
width:118px;
}
.wrap2 img:hover {
background-color:#FFFFFF;
border-color:#848484;
}
.content ul.thumbnails span.wrap2 img {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:5px;
}


Et moi j'ai remplacer dans cette partie l'endroit indiqué :

Code CSS :
.wrap1{
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background:transparent url(images/backthumb.png) no-repeat scroll center top;
border:1px solid #989898;
display:inline-block;
height:200px;
margin:5px 5px 2px; /*<------- Ici par margin:0;*/
padding:2px;
text-align:center;
vertical-align:top;
width:150px;
}


Oui je passe par l'index :)

Voilà je passe en réglé, merci à toi de t'avoir intéresser à mon soucis :) Edité par Visiteur Le 18/02/2012 à 19h09
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 18/02/2012 à 19h38
Okay ^^,

Mais réglé un soucis css sans accès à la page, c'est pas facile, et puis en plus, j'aurais du y penser ..


swan_signature

Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie