Redimensionné les images du profil.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Redimensionné les images du profil.

Message par sabritheducks_79 le Ven 19 Avr 2013 - 16:12

Bonjour a tous,

J'espère sincèrement que vous arriverez à m'aider ! J'ai essayé toutes les solutions que j'ai pu trouver ici, mais aucune ne fonctionne. Je suppose que c'est parce que j'ai modifié mon template XD. J'ai tenté de mettre des balises, pour pouvoir le modifier en CSS, mais je suis pas sur de l'avoir bien placé.

Quelques images pour comprendre :


J'aimerais pouvoir contrôler la larguer des images postées dans le profil; c'est à dire 200px.

Voici mon CSS :
Spoiler:
a:hover{text-transform:uppercase;}

/*supprimer le soulignement*/
a
{
text-decoration: none;
}

a:link {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/* Dernière édition par... */ -RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

/* categorie */
.bhscrolls::-webkit-scrollbar { background: #E0BF86; width: 5px; }
.bhscrolls::-webkit-scrollbar-thumb { background: #EB1A3D; width: 5px }
.bhscrolls::-webkit-scrollbar-corner { background: #E0BF86; }
.rb { width: 100px; height: 100px; opacity: 0;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.rb:hover { width: 100px; height: 100px; opacity=80; }

/*profil*/

table.tableau_profil{
width:250px;
margin:center;
border:0;
}

table.tableau_profil td.haut_tab{
width:250px;
height:73px;
background-image:url('http://img11.hostingpics.net/pics/638002HAUT.png');
background-repeat:no-repeat;
}

table.tableau_profil td.milieu_tab{
width:250px;
background-image:url('http://img11.hostingpics.net/pics/683743MILIEU.png');
background-repeat:repeat-y;
padding-left:14px;
padding-right:14px;
text-align:center;
}

table.tableau_profil td.bas_tab{
width:250px;
height:86px;
background-image:url('http://img11.hostingpics.net/pics/963824BAS.png');
background-repeat:no-repeat;
}

table.tableau_profil td.milieu_tab span.pseudo_posteur{
font-family: 'Gabriela', serif;
font-size:22pt;
}

table.tableau_profil td.milieu_tab span.rang_posteur{
font-family: 'Arizonia', cursive;
font-size:11pt;
color:#EB1A3D;
font-style:italic;
}

table.tableau_profil td.milieu_tab div.infos_posteur{
width:190px;
margin:auto;
padding:4px;
text-align:left;
font-family: 'Gabriela', serif;
font-size:12pt;
color:#EB1A3D;
background-color:#F6E4BF;
border:2px solid #e8d9b1;
opacity:1; /* Transparence : 0 = transparent // 1 = opaque */
-moz-opacity : 0.5; /* Transparence pour Firefox */
-ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
}

dl.postprofile-details dt img {
width:158px;
}

/* ------------------ CATÉGORIES -------------------- */



/* TABLE CATEGORIES */
.forumline_tfa{
background : #ffffff;
padding-bottom: 5px;
margin-bottom: 5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border: 3px solid #ffffff;
}
/* CELLULE CONTENANT LE TITRE DU FORUM */
.cell_1{
background : #ff;
border: 2px solid #ffffff;
padding-left: 15px;
-moz-border-radius: 10px 0 0 0;
-webkit-border-radius: 10px 0 0 0;
border-radius: 10px 0 0 0;
}
/* CELLULE CONTENANT LE NOMBRE DE SUJETS ET DE MESSAGES */
.cell_2{
background : #fff;
border: 2px solid #ffffff;
}
/* CELLULE CONTENANT LICONE */
.cell_3{
background : #fff;
border: 2px solid #ffffff;
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius:0 10px 10px 0;
border-radius: 0 10px 10px 0;
}
/* CELLULE CONTENANT LA DESCRIPTION ET LES SOUS-FORUMS */
.cell_4{
background : #fff;
border: 2px solid #ffffff;
padding: 2px 5px;
-moz-border-radius: 0 0 0 10px;
-webkit-border-radius:0 0 0 10px;
border-radius:0 0 0 10px;
}
/* CELLULE CONTENANT LES DERNIERS MESSAGES */
.cell_5{
background : #fff;
border: 2px solid #ffffff;
padding-left: 5px;
}
/* BLOC SOUS FORUMS */
.sous_forums{
width: 100%;
border-top: 2px solid #4F2121;
}
/* CELLULE D ENTETE CONTENANT LE TITRE DE CATEGORIE */
.forumline_tfa th{
background-color: transparent;
height: 25px;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
/* TITRE CATEGORIE */
.secondarytitle, .secondarytitle h2 {
font: 48px ;
font-family: 'Arizonia', cursive;
color: #6B4440;
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
text-shadow: 1px 0px 1px #000;
uppercase: 1px;
}
/* TITRE CATEGORIE AU SURVOL */
.secondarytitle:hover, .secondarytitle h2:hover {
font-size: 52px;
color: #6B4440;
uppercase: 3px;
}
/* TITRE FORUM */
a.forumlink {
font: 22px ;
font-family: 'Gabriela', serif;
color: #6B4440 !important;
-webkit-transition: all 1s ease; /* pour navigateur webkit */
-moz-transition: all 1s ease; /* pour navigateur mozilla */
-o-transition: all 1s ease; /* pour navigateur opera */
transition: all 1s ease; /* pour les navigateurs récents */
text-shadow: 1px 0px 1px #000;
uppercase: 1px;
}
/* TITRE FORUM AU SURVOL */
a.forumlink:hover{
font-size: 18px;
margin-left: 20px;
color: #6B4440 !important;
uppercase: 3px;
text-decoration:none;
}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
background-color: #ffffff;
border: 5px #C5C5C5 solid;
}

table.forumline.
{
border: 3px #ffffff solid;}

/* barre naviguation */

a.mainmenu{
text-decoration: none;
color : #C5C5C5;
}
a.mainmenu:hover{
text-decoration: none;
border: 1px dotted #CDCDCD;
color : #c1bbb3;
}

/*style document*/
.cain { color: #77534E;
font-weight: bold; }

.cainha { font-size: 17px;
font-family: Georgia;
color: #77534E;
line-height: 100%;
border-bottom: #A86034 5px solid;
width: 400px;
text-transform: uppercase;
letter-spacing: 8px;
font-style: italic;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
text-align: center; }

.cainhb { font-size: 10px;
font-family: Georgia;
color: #77534E;
line-height: 1px;
border-bottom: #A86034 2px solid;
width: 350px; text-transform: uppercase;
letter-spacing: 5px;
font-style: italic;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
text-align: center;
padding-top: 15px; }

.cainhb a { text-decoration: none;
font-size: 10px;
font-family: Georgia;
color: #77534E;
line-height: 1px;
width: 350px;
text-transform: uppercase;
letter-spacing: 5px;
font-style: italic;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
text-align: center;
padding-top: 15px; }

.threads {
padding-top: 15px;
width: 350px; }

.feat {
text-align: right;
font-size: 7px;
text-transform: uppercase;
padding-top: 5px;
letter-spacing: 3px;
color: #77534E;
font-family: georgia; }

.blurb { font-size: 12px;
text-align: justify;
letter-spacing: 1px;
padding-bottom: 5px;
line-height: 100%;
padding-top: 5px; }


.titrepart { font-size: 22px;
font-family: Georgia;
color: #77534E;
border-bottom: #4F2121 2px solid;
width: 250px; text-transform: uppercase;
letter-spacing: -2px;
text-shadow: 1px 1px 1px #000;
font-weight: bold;
text-align: center;
}

.secondarytitrepart {
color: #77534E;
font-family: 'Gabriela', serif;
font-size: 34px;
font-weight: bold;
letter-spacing: -1px !important;
opacity: 0.8;
text-align: center;
text-shadow: 0px 0px 2px;
text-transform: uppercase;
word-spacing: 5px;
}


/*Code*/
.code
{
background: #E1D3BA;
border: 1px solid #4F2121;
color: #77534E;
}

/*citation*/
.quote
{
background: #E1D3BA;
border: 1px solid #4F2121;
color: #77534E;
}

/*spoiler*/
.spoiler
{
background: #E1D3BA;
border: 1px solid #4F2121;
color: #4E4E4E;
}

.spoiler_closed hidden, .spoiler_content, .spoiler_closed
{
background: #E1D3BA;
border: 1px solid #4F2121;
color: #77534E;
}

/* =================================
PERSONNALISATION DU QUI EST EN LIGNE
====================================
Code proposé par Sayuri
Corrigé par CSSActif
==================================== */
/* conteneur du QEEL */
.QeelPerso {
border: 0px solid #A7795B; /* bordure : épaisseur style couleur */
padding:10px 5px; /* espacement du contenu par rapport à la bordure */
background-color:#fffffff; /* couleur de fond */
/* coins arrondis (tous navigateurs) */
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
}

/* Centrage image du QEEL */
.ImgQeel {text-align:center;}

/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
font-size:16px; /* taille du texte */
font-weight:bold; /* épaisseur du texte */
font-style:italic; /* texte en italique */
text-transform:lowercase; /* texte en minuscules */
text-decoration: none!important; /* pas de soulignement du lien */
letter-spacing:1px; /* espacement des lettres */
}

/* Couleurs des groupes */
a.groupe1 { color:#5F443B ; }
a.groupe2 { color:#F09A6B; }
a.groupe3 { color:#E3899D ; }
a.groupe4 { color:#453C37 ; }
a.groupe5 { color:#4F0717 ; }
a.groupe6 { color:#B52828 ; }

/* Mise en forme des cellules de statistiques */
.statistiques {
background-color: #ffffff; /* couleur de fond */
border: 0px solid #A7795B; /* bordure : épaisseur style couleur */
padding:10px;
margin:10px;
text-align:left; /* alignement texte */
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
overflow:auto;
max-height: 200px; /* hauteur maxi */
}

/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }

/* =================================
PERSONNALISATION DU QUI EST EN LIGNE (fin)
==================================== */
/* Justifier et lister automatiquement */
.postbody {
padding-left: 30px;
padding-right: 30px;
text-align:justify;
}
/* Selecteur de couleurs */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/* Fin du selecteur */


Et voici le template View topic body
Spoiler:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
addthis_close();
}
});
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
|
<script type="text/javascript">
//<![CDATA[
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
</span>
</td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr align="right">
<td class="catHead" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> {TOPIC_TITLE}</h1></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN topicpagination -->
<tr>
<td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END topicpagination -->
{POLL_DISPLAY}
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="200">

<table class="tableau_profil" cellpadding="0" cellspacing="0">
<tr>
<td class="haut_tab"> </td>
</tr>
<tr>
<td class="milieu_tab">
<div class="profilentour"><center>{postrow.displayed.POSTER_AVATAR}</div></center><br />
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><span class="pseudo_posteur">{postrow.displayed.POSTER_NAME}</span></span>

<div class="image">{postrow.displayed.RANK_IMAGE}</div><div class="rang">{postrow.displayed.POSTER_RANK}</div><br /></span><br /> <center>
<br/>
<span class="postdetails poster-profile"><div onClick="this.firstChild.value=(this.firstChild.value=='•• More about you ••')?'•• Thanks! ••':'•• More about you ••';this.lastChild.style.display=(this.firstChild.value=='•• More about you ••')?'none':'block';" style="text-align: center;"><input type="button" value="•• More about you ••"/><div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --></div></span>
</td>
</tr>
<tr>
<td class="bas_tab"> </td>
</tr>
</table>
</div>
<br />
<img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr">
<hr />
</td>
</tr>
<tr>
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->

<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->

<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->

<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->

<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->

<div class="postbody">

{postrow.displayed.MESSAGE}

<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
</td>
</tr>
</table>
</td>
</tr>
<!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- END first_post_br -->
<!-- END displayed -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>
<!-- END hidden -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td class="row1" colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<tr align="right">
<td class="catBottom" colspan="3" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
<!-- BEGIN topicpagination -->
<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
</tr>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
<tbody>
<!-- BEGIN show_permissions -->
<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
<!-- END show_permissions -->
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<!-- BEGIN show_permissions -->
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
<!-- END show_permissions -->
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody>
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<!-- BEGIN viewtopic_bottom -->
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- END viewtopic_bottom -->
<!-- BEGIN moderation_panel -->
<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>
<!-- END moderation_panel -->
</tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<input type="hidden" name="sid" value="{S_SID}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
</tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>

Merci d'avance.


Dernière édition par sabritheducks_79 le Ven 19 Avr 2013 - 18:20, édité 1 fois

sabritheducks_79
Nouveau membre

Messages : 19
Inscrit(e) le : 03/06/2012

http://trustyourinstinct.forumactif.org
sabritheducks_79 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Redimensionné les images du profil.

Message par Matriochka le Ven 19 Avr 2013 - 17:09

Bonjour,

Tu peux utiliser ceci dans ton CSS :
Code:
.postdetails.poster-profile img {max-width:200px;}
max-width = largeur maximale. Autrement dit, les images ne pourront pas dépasser 200 pixels.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Redimensionné les images du profil.

Message par sabritheducks_79 le Ven 19 Avr 2013 - 18:20

Merci c'est parfait !!!!

sabritheducks_79
Nouveau membre

Messages : 19
Inscrit(e) le : 03/06/2012

http://trustyourinstinct.forumactif.org
sabritheducks_79 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum