Posting_body rajout d'une ligne size en 48px

par sophb Lun 4 Mar 2013 - 16:38

Bonjour,

Je viens de rajouter une fonte spécifique pour mon forum --> PA/Affichage/Template/Poster et messages/Posting_body

Elle fonctionne très bien sauf que l'affichage est un peu petit. J'ai essayé de rajouter aux deux endroits dédiés un size 48px, aux lignes 252 et 335 et j'ai bien spécifié la hauteur de la nouvelle police (lignes 282 et 364)

Sur la fenêtre d'édition, le size 48 (sans nom !) ne s'affiche pas. Il n'y a que "Très grand" size 24. Je pense qu'il y a dans le code un autre endroit à modifier, mais je ne sais pas où......
Est-ce une âme charitable pourrait me l'indiquer ? Merci

par sophb Mar 5 Mar 2013 - 19:17

juste un petit up..... ai-je posté au bon endroit ?

par Matriochka Mer 6 Mar 2013 - 16:34

Bonjour,

Je ne comprends pas le problème… Tu as ajouté une police personnalisée, celle-ci fonctionne bien mais elle est trop petite. Ce que tu aimerais donc, c’est ajouter une taille 48 à celles déjà existantes, c’est ça ?

Si c’est bien ça, merci d’envoyer sous balises code ton template posting_body.

PS : Je déplace ton sujet vers la rubrique destinée aux problèmes avec les codes / scripts

par sophb Mer 6 Mar 2013 - 20:26

Bonsoir,

Merci Matriochka,

Voici mon posting_body modifé. J'ai rajouté ma police (hieratik1) aux lignes 283 et 366 avec les balises gras
et rajouté 2 lignes de 48 px : 253 et 377

Voici mon problème :

Posting_body rajout d'une ligne size en 48px Probla10

Mais si je rajoute que le fonte hieratik1 aux ligne 283 et 366 , en laissant que 24px..... tout fonctionne, mais la hauteur de la fonte est trop petite !

Posting_body rajout d'une ligne size en 48px En_24_10

Spoiler:

<div style="visibility:hidden" class="select" id="px">
<button style="font-size:10px" onclick="bbfontstyle('','');selectWysiwyg(this,'px');return false">{L_FONT_TINY}</button><br />
<button style="font-size:12px" onclick="bbfontstyle('','');selectWysiwyg(this,'px');return false">{L_FONT_SMALL}</button><br />
<button style="font-size:12px" onclick="bbfontstyle('','');selectWysiwyg(this,'px');return false">{L_FONT_NORMAL}</button><br />
<button style="font-size:18px" onclick="bbfontstyle('','');selectWysiwyg(this,'px');return false">{L_FONT_LARGE}</button><br />
<button style="font-size:24px" onclick="bbfontstyle('','');selectWysiwyg(this,'px');return false">{L_FONT_HUGE}</button><br />
<button style="font-size:48px" onclick="bbfontstyle('[size=48]','[/size]');selectWysiwyg(this,'px');return false">{L_FONT_HUGE}</button><br />
</div>
<div style="visibility:hidden" class="select" id="servimg_upload_gui"></div>
<div style="visibility:hidden" class="select" id="color">
<button style="color:darkred" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_DARK_RED}</button><br />
<button style="color:red" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_RED}</button><br />
<button style="color:orange" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_ORANGE}</button><br />
<button style="color:brown" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_BROWN}</button><br />
<button style="color:yellow" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_YELLOW}</button><br />
<button style="color:green" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_GREEN}</button><br />
<button style="color:olive" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_OLIVE}</button><br />
<button style="color:cyan" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_CYAN}</button><br />
<button style="color:blue" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_BLUE}</button><br />
<button style="color:darkblue" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_DARK_BLUE}</button><br />
<button style="color:indigo" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_INDIGO}</button><br />
<button style="color:violet" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_VIOLET}</button><br />
<button style="color:lightgrey" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_WHITE}</button><br />
<button style="color:black" onclick="bbfontstyle('','');selectWysiwyg(this,'color');return false">{L_COLOR_BLACK}</button><br />
</div>
<div style="visibility:hidden" class="select" id="font">
<button style="font-family:'Arial'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Arial</button><br />
<button style="font-family:'Arial Black'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Arial Black</button><br />
<button style="font-family:'Comic Sans Ms'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Comic Sans Ms</button><br />
<button style="font-family:'Courier New'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Courier New</button><br />
<button style="font-family:'Georgia'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Georgia</button><br />
<button style="font-family:'Impact'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Impact</button><br />
<button style="font-family:'Times New Roman'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Times New Roman</button><br />
<button style="font-family:'Trebuchet MS'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Trebuchet MS</button><br />
<button style="font-family:'Verdana'" onclick="bbfontstyle('','[size]');selectWysiwyg(this,'font');return false">Verdana</button><br />
<button style="font-family:'Transliteration'" onclick="bbfontstyle('','');selectWysiwyg(this,'font');return false">Transliteration</button><br />
<button style="font-family:'hieratik1'" onclick="bbfontstyle('[size=48]','');selectWysiwyg(this,'font');return false">hieratik1</button><br />

{switch_specials_fonts.OTHERS_SPECIFICS_FONTS}

</div>
<div style="visibility:hidden" class="select" id="other">
<button onclick="bbfontstyle('_','');selectWysiwyg(this,'other');return false">{L_BBCODE_SUB}</button><br />
<button onclick="bbfontstyle('^','');selectWysiwyg(this,'other');return false">{L_BBCODE_SUP}</button><br />
<button onclick="bbfontstyle('

Spoiler:

');selectWysiwyg(this,'other');return false">{L_BBCODE_SPOILER}</button><br />
<button onclick="bbfontstyle('');selectWysiwyg(this,'other');return false">{L_BBCODE_HIDE}</button><br />
<button onclick="bbfontstyle('','');selectWysiwyg(this,'other');return false">{L_BBCODE_K}</button><br />
<button onclick="bbfontstyle('','');selectWysiwyg(this,'other');return false">{L_BBCODE_UPDOWN}</button><br />
<button onclick="bbfontstyle('[rand]','[/rand]');selectWysiwyg(this,'other');return false">{L_BBCODE_RAND}</button><br />
<button onclick="bbfontstyle('[wow]','[/wow]');selectWysiwyg(this,'other');return false">{L_BBCODE_WOW}</button><br />
</div>

<div style="visibility:hidden" class="select" id="dices">

<button onclick="bbfontstyle('[roll="{switch_roll_dice_old.row_replace.DICE_NAME}"]','[/roll]');selectWysiwyg(this,'dices');return false">{switch_roll_dice_old.row_replace.DICE_NAME}</button><br />

</div>

<div style="visibility:hidden" class="select" id="wtable_gui">
<p><img src="{PATH_IMG_FA}wysiwyg/height.png" alt="{L_HEIGHT}" title="{L_HEIGHT}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" id="wtable_gui_lines" maxlength="3" style="width:20px" title="{L_ROWS}" onkeypress="if (event.keyCode==13){ bbstyle_table();return false}" /> x <img src="{PATH_IMG_FA}wysiwyg/width.png" alt="{L_WIDTH}" title="{L_WIDTH}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" id="wtable_gui_cols" maxlength="3" style="width:20px" title="{L_COLS}" onkeypress="if (event.keyCode==13){ bbstyle_table();return false}" />
<button class="mainoption" id="text_editor_cmd_constructBBcode_table" />{L_OK}</button></p>
</div>
<div style="visibility:hidden" class="select" id="wservimg_upload_gui"></div>
<div style="visibility:hidden" class="select" id="wimg">
<p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" style="width:150px" id="wimg_url" title="{L_URL}" /></p>
<p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_img" />{L_OK}</button></p>
</div>
<div style="visibility:hidden" class="select" id="wurl">
<p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" style="width:150px" id="wlink_url" title="{L_URL}" /></p>
<p><img src="{PATH_IMG_FA}wysiwyg/link_text.png" alt="{L_LABEL}" title="{L_LABEL}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" style="width:150px" id="wname_url" title="{L_LABEL}" /></p>
<p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_url" />{L_OK}</button></p>
</div>
<div style="visibility:hidden" class="select" id="wflash">
<p><img src="{PATH_IMG_FA}wysiwyg/width.png" alt="{L_WIDTH}" title="{L_WIDTH}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" style="width:25px" id="wflash_width" title="{L_WIDTH}" />
x <img src="{PATH_IMG_FA}wysiwyg/height.png" alt="{L_HEIGHT}" title="{L_HEIGHT}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" style="width:25px" id="wflash_height" title="{L_HEIGHT}" /> px</p>
<p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" style="width:150px" id="wflash_url" title="{L_URL}" /></p>
<p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_flash" />{L_OK}</button></p>
</div>
<div style="visibility:hidden" class="select" id="wvideo">
<p style="text-align:center"><a href="https://www.youtube.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle" />YouTube</a> <a href="https://www.dailymotion.com/" target="_blank"><img src="{PATH_IMG_FA}wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle" />Dailymotion</a></p>
<p id="inv_url" class="gensmall" style="text-align:center"></p>
<p><img src="{PATH_IMG_FA}wysiwyg/link.png" alt="{L_URL}" title="{L_URL}" style="vertical-align:middle" /> <input type="text" autocomplete="off" class="post" style="width:300px" id="wvideo_url" title="{L_URL}" /></p>
<p style="text-align:center"><button class="mainoption" id="text_editor_cmd_constructBBcode_video" />{L_OK}</button></p>
</div>
<div style="visibility:hidden" class="select" id="wpx">
<button style="font-size:7px" id="text_editor_cmd_constructBBcode_select_size_7">{L_FONT_TINY}</button><br />
<button style="font-size:9px" id="text_editor_cmd_constructBBcode_select_size_9">{L_FONT_SMALL}</button><br />
<button style="font-size:12px" id="text_editor_cmd_constructBBcode_select_size_12">{L_FONT_NORMAL}</button><br />
<button style="font-size:18px" id="text_editor_cmd_constructBBcode_select_size_18">{L_FONT_LARGE}</button><br />
<button style="font-size:24px" id="text_editor_cmd_constructBBcode_select_size_24">{L_FONT_HUGE}</button><br />
<button style="font-size:48px" id="text_editor_cmd_constructBBcode_select_size_48">{L_FONT_HUGE}</button><br />
</div>
<div style="visibility:hidden" class="select" id="wcolor">
<button style="color:darkred" id="text_editor_cmd_constructBBcode_select_color_darkred">{L_COLOR_DARK_RED}</button><br />
<button style="color:red" id="text_editor_cmd_constructBBcode_select_color_red">{L_COLOR_RED}</button><br />
<button style="color:orange" id="text_editor_cmd_constructBBcode_select_color_orange">{L_COLOR_ORANGE}</button><br />
<button style="color:brown" id="text_editor_cmd_constructBBcode_select_color_brown">{L_COLOR_BROWN}</button><br />
<button style="color:yellow" id="text_editor_cmd_constructBBcode_select_color_yellow">{L_COLOR_YELLOW}</button><br />
<button style="color:green" id="text_editor_cmd_constructBBcode_select_color_green">{L_COLOR_GREEN}</button><br />
<button style="color:olive" id="text_editor_cmd_constructBBcode_select_color_olive">{L_COLOR_OLIVE}</button><br />
<button style="color:cyan" id="text_editor_cmd_constructBBcode_select_color_cyan">{L_COLOR_CYAN}</button><br />
<button style="color:blue" id="text_editor_cmd_constructBBcode_select_color_blue">{L_COLOR_BLUE}</button><br />
<button style="color:darkblue" id="text_editor_cmd_constructBBcode_select_color_darkblue">{L_COLOR_DARK_BLUE}</button><br />
<button style="color:indigo" id="text_editor_cmd_constructBBcode_select_color_indigo">{L_COLOR_INDIGO}</button><br />
<button style="color:violet" id="text_editor_cmd_constructBBcode_select_color_violet">{L_COLOR_VIOLET}</button><br />
<button style="color:lightgrey" id="text_editor_cmd_constructBBcode_select_color_white">{L_COLOR_WHITE}</button><br />
<button style="color:black" id="text_editor_cmd_constructBBcode_select_color_black">{L_COLOR_BLACK}</button><br />
</div>
<div style="visibility:hidden" class="select" id="wfont">
<button style="font-family:'Arial'" id="text_editor_cmd_constructBBcode_select_font_arial">Arial</button><br />
<button style="font-family:'Arial Black'" id="text_editor_cmd_constructBBcode_select_font_arial_black">Arial Black</button><br />
<button style="font-family:'Comic Sans Ms'" id="text_editor_cmd_constructBBcode_select_font_comic_sans_ms">Comic Sans Ms</button><br />
<button style="font-family:'Courier New'" id="text_editor_cmd_constructBBcode_select_font_courier_new">Courier New</button><br />
<button style="font-family:'Georgia'" id="text_editor_cmd_constructBBcode_select_font_georgia">Georgia</button><br />
<button style="font-family:'Impact'" id="text_editor_cmd_constructBBcode_select_font_impact">Impact</button><br />
<button style="font-family:'Times New Roman'" id="text_editor_cmd_constructBBcode_select_font_times_new_roman">Times New Roman</button><br />
<button style="font-family:'Trebuchet MS'" id="text_editor_cmd_constructBBcode_select_font_trebuchet_mS">Trebuchet MS</button><br />
<button style="font-family:'Verdana'" id="text_editor_cmd_constructBBcode_select_font_verdana">Verdana</button><br />
<button style="font-family:'Transliteration'" id="text_editor_cmd_constructBBcode_select_font_Transliteration">Transliteration</button><br />
<button style="font-family:'hieratik1'" onclick="bbfontstyle('[size=48]','[/size]');selectWysiwyg(this,'font');return false">hieratik1</button><br />

Y aurait-il un truc que je n'aurais pas compris dans le script ? Je vous remercie de votre aide

NB : je n'ai pas pu mettre le script en entier car il fait environ 900 lignes

Bonne soirée à tous

par Scoubifitz Mer 6 Mar 2013 - 23:10

bonsoir,

la font spécifique que vous avez rajouté à votre forum est trop petite , et vous aimeriez la mettre à 48px minimum pour qu'elle soit lisible ?

si c'est la seule taille , vous pouvez le faire par CSS :

Code:: div.postbody font[face=hieratik1]{font-size:50px;line-height:40px;}

par sophb Jeu 7 Mar 2013 - 10:00

Merci Scoubifitz,

En parfaite ignorante, ou se trouve dans le PA la feuille CSS ?
Merci

par Scoubifitz Jeu 7 Mar 2013 - 11:01

Panneau admin - affichage - couleurs - onglet:feuille de style CSS

collez le code dans le grand carré blanc et validez .

édit , pour la comprenette :

Code:: /* dans les messages , tous les font de type Hieratik1 */ div.postbody font[face=hieratik1]{ font-size:50px; /* la taille du font */ line-height:40px; /* espacement entre deux lignes */ }

par sophb Jeu 7 Mar 2013 - 12:34

Merci, je vais le mettre. Et je me suis rendu compte, qu'il y avait déjà une feuille CSS déjà faite. J'ai mis le script à la suite, après une ligne d'intervalle.
Je vous tiens au courant
bonne journée

par Scoubifitz Jeu 7 Mar 2013 - 14:08

j'ai vu que vous vouliez aussi mettre du gras sur le texte , il suffit de rajouter un font-weigth au style :

/* dans les messages , tous les font de type Hieratik1 */
div.postbody font[face=hieratik1]{
font-size:50px; /* la taille du font */
line-height:40px; /* espacement entre deux lignes */
font-weight:bold; /* mettre en gras */
}

par Matriochka Jeu 14 Mar 2013 - 11:40

Posting_body rajout d'une ligne size en 48px 24-emp10

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou à faire un UP régulièrement ! Wink

Ce sujet est corbeillé (rappel de pourquoi), merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

A bientôt sur ForumActif Smile

par sophb Lun 25 Mar 2013 - 20:56

Bonsoir à toutes et à tous,

Juste un remerciement tardif..... même très tardif à Scoubifitz et à Matriochka pour leur aide à propos d'une mise forme d'une nouvelle fonte créée et spécifique à mon forum.
Le petit programme de Scoubifitz est super et m'a permis de supprimer dans le posting_boding, le size pas assez grand et d'en rajouter un autre plus convenable.
Merci à tous les 2.

PS : rappel du sujet fermé
https://forum.forumactif.com/t347132-posting_body-rajout-d-une-ligne-size-en-48px#2967303