Easy-Design.Net forum




Aide générale [Réglé] Réduire automatiquement les images sur le forum

pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 30/01/2011 à 15h20

Reprise du message précédent

Attend je viens de faire la modif voila la soluce ^^

dans le fichier content.css recherche


Code CSS :
.msg_contents_overflow {
    /* Case du contents du message, évite que les images trop grandes déforme */
    width:99%;
    height:auto;
    min-height:80px;
    overflow:auto;
    padding:10px 0px;
}


et ajoute ce code après :
Code CSS :
 
/* redimensionnement auto des images */
.msg_contents_overflow img{
max-width : 800px;
display: block;
margin: 15px auto; 
padding: 0;
border: 10px solid #FFF;
box-shadow: 5px 5px 10px #aaa;
-moz-box-shadow: 5px 5px 10px #aaa;
-webkit-box-shadow: 5px 5px 10px #aaa;
/* IE */
width: expression((this.offsetWidth>=this.offsetHeight) ? 
      Math.min(parseInt(this.offsetWidth), 800 ) : false);
text-align: center;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=8); 
zoom: 1; 
}



Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 30/01/2011 à 15h22
Par contre pense a configurer en fonction de ton thème genre la largeur des images a 500px max, la couleur du cadre ect..

Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 30/01/2011 à 15h26
Je confirme ça marche très bien :D

Néanmoins, petit problème avec les smileys (Voir le post 1 sur mon forum) .. Les smileys sont aussi prit dans le cadrage :S

Est-il possible pour affiner le tout de rajouter une petite option pour voir la photo en grand sur une nouvelle page ou par lightbox? (C'est vraiment une option lol, c'est pas très important)

Merci encore de votre efficacité. Edité par m-ickael Le 30/01/2011 à 15h30

planet-truck.fr
Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 30/01/2011 à 15h31
c'est normal les smiley sont des images, donc toutes les images qui sont dans le contenu du forum seront touchées pas cette modif !

Le plus simple est de juste redimensionner et ne pas appliquer d'effets :

Code CSS :
.msg_contents_overflow img{
max-width : 580px;
display: block;
}



Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 30/01/2011 à 15h34
ok, donc je supprime l'ancien code par celui-ci. Je test et j'édite pour le résultat d'ici 2 minutes

Edit :

Bon, ben bizarrement, encore un problème :D Si je met un smiley entre quelques mots, il y a un retour à la ligne .. 0 chaque smiley, il y a un retour à la ligne (Voir le post 1 sur mon fofo).

Je pense qu'il manque un code du genre position auto. non?

Merci à vous. Edité par m-ickael Le 30/01/2011 à 15h38

planet-truck.fr
Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 30/01/2011 à 15h41
Arff décidément je suis pas réveillé moi :rire

c'est le Display: block ;) qui provoque le retour à la ligne il suffit de le supprimer :rire

Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 30/01/2011 à 15h57
Et ben voila.. Je considère le sujet comme résolu :)
Je ne sais pas comment vous faites, j'y comprends vraiment rien au CSS :mouais J'arrive à me débrouiller en html et encore :oO

En tout cas bravo :) je vais faire un don pour le site pour votre aide ;)

planet-truck.fr
Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 30/01/2011 à 21h35
merci a toi, c'est un plaisir d'aider les gens patient ;)

Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 30/01/2011 à 21h42
Merci à vous. J'ai fais un don de 5 euros.

planet-truck.fr
Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 30/01/2011 à 22h47
m-ickael:
Merci à vous. J'ai fais un don de 5 euros.


Merci a toi c'est gentil, swan confirmera ton don quand elle le pourra :ok

Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 30/01/2011 à 22h51
Merci beaucoup, Je confirme :)

swan_signature

Site web    
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 31/01/2011 à 14h36
Impeccable

planet-truck.fr
Site web    
Bartholome11 Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 29/01/2011 à 18h24

Messages: 309

Le 08/02/2011 à 10h10
Bonjour,

Je viens m'incruster sur ce topic, car je trouve cela très intéressant en effet, de redimensionner les photos automatiquement lorsqu'elle dépasse la taille des blocs de message....

Je sais qu'il existe un bbcode "imagezoom" en forum phpbb3... Ne pourrait-on pas éventuellement soit intégrer ce bbcode sur le forum phpboost voire en adapter un spécialement... ?

Merci

Boosté par PHPBoost 4.0 | Thème Oxygen | Navigateur : Firefox
Site web    
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 08/02/2011 à 11h45
l'integration de bbcode se fait dans le kernel, c'est pour cela que c'est déconseillé a ce jour.

pour ce qui est de la mise en place dune classe propre au image sur le forum cela dois etre du possible par css parenté.

swan passera surement par là :p

signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
Bartholome11 Membre non connecté

EDN Motivé(e)

Rang

Avatar

Inscrit le : 29/01/2011 à 18h24

Messages: 309

Le 08/02/2011 à 11h50
... sinon il peut toujours utiliser "imageschack" qui redimensionne automatiquement selon les goûts l'image, et donne tout simplement un code à insérer dans le forum... :rire

Boosté par PHPBoost 4.0 | Thème Oxygen | Navigateur : Firefox
Site web    
pegasetkc Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 15/04/2010 à 19h37

Messages: 1940

Le 09/02/2011 à 07h53
mais le problème viens toujours des utilisateurs, car les admin redimensionnent leurs images avant upload, le problème c'est de faire respecter une règle a ces utilisateurs.

Donc il faut trouver des astuces pour contenter tous le monde, l'avantage de PHPBoost c'est justement son module Upload qui est d'un simple pour les novices, après a l'admin de travailler son site autour

Citation made in pegasetkc : "Sauvez un arbre mangez un castor"
Depuis que je connais Saturnin mon humour ressemble a cela : j'ai un string dans l'array
Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie