Arrondir les coins du forum

[snunez]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Inconnue  
Lien du forum : http://mariahcareyinfos.forumactif.com/forum

Description du problème

Alors, oui bonjour à vous,

Je cherche un tutoriel depuis toute à l'heure sur "comment arrondir les coins de son forum?" Mais rien y fait...

J'aimerais beaucoup rendre mon forum plus esthétique et du coup cela m'interesserai assez

Pourrez vous me donné une petit code à mettre sur mon forum afin d'arrondir mes angles s'il vous plaît?

Je vous envoi la capture de mon forum pour que vous puissiez m'aidez

Merci bien pour votre aide.      

[mariok13]

bonjour 


peut etre ici : http://forum.forumactif.com/t315866-arrondir-les-coin-de-son-forum

ou ici : http://forum.forumactif.com/t286605-arrondir-les-coins-du-cadre-interieur-du-forum

[Chacha]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : Inconnue
Lien du forum : http://mariahcareyinfos.forumactif.com/forum

Description du problème

alors, oui bonjour à vous,

Je cherche un tutoriel depuis toute à l'heure sur "comment arrondir les coins de son forum?" Mais rien y fait...

J'aimerais beaucoup rendre mon forum plus esthétique et du coup cela m'interesserai assez

Pourrez vous me donné une petit code à mettre sur mon forum afin d'arrondir mes angles s'il vous plaît?

Je vous envoi la capture de mon forum pour que vous puissiez m'aidez

Merci bien pour votre aide.

..	Bonjour, Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite : Le gras et la couleur (réservés au staff de ce forum), L'écriture en SMS (abréviations) Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum. A bientôt sur ForumActif

[snunez]

Ah mince! Je ne le savais pas du tout, je vous prie de m'excuse pour le Gras et l'écriture, je vais modifiée ça  

Sinon, oui merci pour l'aide mais j'ai oubliée de préciser que j'étais en phpBB2 en faite j'ai peur que les codes que vous me proposez dans les deux topics ne marchent pas 

Je viens de ré essayée 2 fois celui là qui semblait plus correspondre à ma recherche mais rien y fait 

http://forum.forumactif.com/t286605-arrondir-les-coins-du-cadre-interieur-du-forum#2531009

[Feuilla']

Bonjour,
ce message pourrait sûrement fonctionner pour cette version.
Bonne journée !

[snunez]

Mon petit forum a un   souci, il ne semble pas très réactif même là il arrondi pas, je ne vois rien en tous cas 

Merci de votre aide, c'est très gentil 

Je ne pense pas que ce soit le css vu que hier j'avais fais un petit test et il marchait bien ou alors que je lie avec le javascript pour que ça marche peut être 

[snunez]

Up 

J'ai essayée à l'aide d'un tuto sur un forum d'aides et ils ont même mit un test et tout et pourtant... rien y fait. Oui, j'ai cherchee partout, je suis déterminée 

Le tuto ici: http://lesforumsde.forumactif.com/t6431-avoir-les-coins-arrondis
Mon forum le refuse.

C'est bien dommage et embêtant moi qui voulait lui rendre une certaine splendeur

Mais qu'est ce qui se passe? Pourquoi moi je n'ai pas le droit ? 

[snunez]

Up 

Alors,ce n'est pas du au css et ni au javascript vu que depuis 2/3 jours, je fais des codes mises à jours dessus et que ça marche assez bien alors est-ce un code que je dois mettre en templates?

Parce que malgré tous c'est codes que vous m'avez donné et celui que j'ai trouvée sur le forum d'entre aides il n'y a rien à faire! Mon forum refuse et ne reconnaît aucuns de c'est codes et donc ne s'arrondit pas  

Vraiment dommage parce que du coup moi qui voulait rendre plus esthétiques mes catégories et même c'est petits coins...

[R-max]

bonsoir snunez
commencé deja avec ces 2 codes ( css ) ,je les ai préreglé a votre couleur dominante (le rouge)(le blanc)

a placé dans PANNEAU ADMIN>>AFFICHAGE>>COULEUR>>FEUILLE DE STYLE
ajouter ces codes dans le css
pour le fond blanc >>

Code:

.bodyline {
    background-color: #fff;
    border: 4px dotted #f60000;
    box-shadow: inset 1px 1px 15px #f60000;
    border-radius: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
 

ensuite celui ci pour les forums >>

Code:

.forumline {
    background-color: #fafafa;
    border: 1px dashed #f60000;
    box-shadow: inset 1px 1px 15px #f60000;
    border-radius: 15px;
    padding: 10px;
}

n'oublier pas de validé >>
ps:en même temps vérifier que c'est cocher comme la capture d’écran




le rendu >>>


bien entendu je reste a votre écoute pour modifier
bonne soirée ,

[snunez]

Oh ben mince! J'etais tellement triste hier j'ai même pas vu votre poste  

Alors oui, et bien il a du mal à rentrer le code css  (vous avez mis deux fois bodyline {
J'ai du en retirée un quoi , celui du haut et puis celui du bas après un deuxième essai...

Bon je ne vois toujours rien mais comment vous faites ? 

Je vais ré essayée merci à vous! (C'est pas évident!)

Attendez, le deuxième code ne serait t'il pas un  javascript là ?

Ce n'est pas marqué "enregistrer" mais "valider" 

Ré édit: bon, j'ai cliqué sur l'option mise à jour "enregistrer" , tout en dessous du bouton "valider" et toujours rien 

[R-max]

bonjour snunez oui ce sont bien des codes css ,
j'ai editer mon post le voici en citation >>
vous devriez y arrivé

bonsoir snunez
commencé deja avec ces 2 codes ( css ) ,je les ai préreglé a votre couleur dominante (le rouge)(le blanc)

a placé dans PANNEAU ADMIN>>AFFICHAGE>>COULEUR>>FEUILLE DE STYLE
ajouter ces codes dans le css
pour le fond blanc >>

Code:

.bodyline {
    background-color: #fff;
    border: 4px dotted #f60000;
    box-shadow: inset 1px 1px 15px #f60000;
    border-radius: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
 

ensuite celui ci pour les forums >>

Code:

.forumline {
    background-color: #fafafa;
    border: 1px dashed #f60000;
    box-shadow: inset 1px 1px 15px #f60000;
    border-radius: 15px;
    padding: 10px;
}

n'oublier pas de validé >>
ps:en même temps vérifier que c'est cocher comme la capture d’écran




le rendu >>>


bien entendu je reste a votre écoute pour modifier
bonne soirée ,

si cela ne marche toujours pas aprés ça
>>pouvez vous me donné votre feuille de style css entre balise code svp,il y a peut être quelques chose qui fait conflit .

bon dimanche,

[snunez]

Olala !  Ça m'embête tout ça déjà j'aimerais ne pas perdre mes codes css  (surtout les boutons de votes, une vraie galère à trouver ceux là   un jour, j'espère que je pourrais trouvée un tutoriel ici pour les personalisés d'ailleurs mais bon c'est un tout autre sujet...)

J'en suis au 267ème code 

Juste un petit truc,  mes coins seront arrondis?
Un truc comme ça quoi 

Bon, et bien il ne reconnait toujours pas je vous envoit mes codes prenez en soin (dites moi à quel nombres recherche la faille pour la remplacer on voit ça, merci infiniment  )

Code:

forumlink {

Code:


[size=12]background-color: #FFFFFF;[/size]
[size=12]}[/size]
[size=12][/size]
[size=12]A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/butterflyani1.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/butterfly-ani1.gif"), auto;} [/size]
[size=12]body[/size]
[size=12]div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }[/size]
[size=12].vote-count {[/size]
[size=12]background: url("http://i43.servimg.com/u/f43/14/33/98/96/button10.png") no-repeat scroll 0 0 transparent;[/size]
[size=12]color: #4AAE00;[/size]
[size=12]font-size: 10px;[/size]
[size=12]font-weight: 700;[/size]
[size=12]height: 17px;[/size]
[size=12]padding-top: 2px;[/size]
[size=12]text-align: center;[/size]
[size=12]width: 27px;[/size]
[size=12]}[/size]
[size=12][/size]
[size=12][/size]
[size=12]/*___________Debut des boutons de vote_________________*/[/size]
[size=12]/* on cache toutes les informations forumactif*/[/size]
[size=12]div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }[/size]
[size=12]/*puis on donne les informations au script depose dans le template*/[/size]
[size=12][/size]
[size=12].vote-count {[/size]
[size=12]background:url(http://sd-1.archive-host.com/membres/images/142586199450897653/FDF/button_count.png)no-repeat;[/size]
[size=12]color: darkgreen;/*change la couleur si besoin*/[/size]
[size=12]font-size: 10px;[/size]
[size=12]font-weight: 700;[/size]
[size=12]height: 32px;[/size]
[size=12]padding-top: 5px;[/size]
[size=12]text-align: center;[/size]
[size=12]width: 32px;[/size]
[size=12]cursor:pointer;[/size]
[size=12]float:right;[/size]
[size=12]}[/size]
[size=12]/*positionnement du bouton */[/size]
[size=12].vote-count [/size]
[size=12]{[/size]
[size=12]margin-top: 3px;[/size]
[size=12]width: 27px;[/size]
[size=12]}[/size]
[size=12]/*On place toutes les informations à droite*/[/size]
[size=12].M14_vote {float:right;}[/size]
[size=12]/*______________Fin des boutons de vote_________________*/[/size]
[size=12].sceditor-container iframe, .sceditor-container textarea {[/size]
[size=12]background:url(http://i58.servimg.com/u/f58/14/12/75/55/sans_t71.jpg)!important;}[/size]
[size=12]--- repeat-y :[/size]
[size=12]--- repeat-x :[/size]
[size=12]--- top / middle / bottom :[/size]
[size=12]--- left / center / right : [/size]
[size=12].mini_ava {[/size]
[size=12]float: left;[/size]
[size=12]}[/size]
[size=12].mini_ava img {[/size]
[size=12]width: 40px;[/size]
[size=12]height: 40px;[/size]
[size=12]margin: 0 5px;[/size]
[size=12]border-radius: 10px;[/size]
[size=12]transition: all 2s;[/size]
[size=12]-moz-transition: all 2s;[/size]
[size=12]-webkit-transition: all 2s;[/size]
[size=12]-o-transition: all 2s;[/size]
[size=12]}[/size]
[size=12].mini_ava img:hover [/size]
[size=12]{[/size]
[size=12]width: 80px; [/size]
[size=12]height: 80px;[/size]
[size=12]}[/size]
[size=12]$("head").append('');[/size]
[size=12][/size]
[size=12]if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }[/size]
[size=12][/size]
[size=12]function addstyle(nom,lien) { $("#sstyle").append(''+nom+''); }[/size]
[size=12][/size]
[size=12]$(function(){[/size]
[size=12][/size]
[size=12]$("#frame_chatbox").load(function(){[/size]
[size=12]$("#frame_chatbox").contents().find("head").append($("#tstyle").clone());[/size]
[size=12]});[/size]
[size=12][/size]
[size=12]$("iframe[name=smilies]").load(function(){[/size]
[size=12]$("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('body{margin:0!important;}');[/size]
[size=12]});[/size]
[size=12][/size]
[size=12]$("#selecteur").append('Choisir un thème');[/size]
[size=12][/size]
[size=12]addstyle("Neutre (par défaut)","");[/size]
[size=12]addstyle("AEON","http://www.aht.li/2478025/design_aeon.css");[/size]
[size=12][/size]
[size=12][/size]
[size=12]});[/size]
[size=12].realTime_alert{[/size]
[size=12]background:#FDFDFD no-repeat 10px center;[/size]
[size=12]-webkit-background-size:50px;[/size]
[size=12]-moz-background-size:50px;[/size]
[size=12]-o-background-size:50px;[/size]
[size=12]background-size:50px;[/size]
[size=12]-webkit-box-shadow:0 0 4px rgba(0,0,0,.6);[/size]
[size=12]-moz-box-shadow:0 0 4px rgba(0,0,0,.6);[/size]
[size=12]box-shadow:0 0 4px rgba(0,0,0,.6);[/size]
[size=12]position:fixed;[/size]
[size=12]top:50px;[/size]
[size=12]right:20px;[/size]
[size=12]min-height:60px;[/size]
[size=12]font-size:13px;[/size]
[size=12]width:200px;[/size]
[size=12]padding:10px 10px 10px 70px;[/size]
[size=12]font-family:Helvetica;[/size]
[size=12]color:#474747;[/size]
[size=12]}[/size]
[size=12].realTime_alert b{[/size]
[size=12]display:block;[/size]
[size=12]margin-bottom:5px;[/size]
[size=12]font-size:15px;[/size]
[size=12]}[/size]
[size=12].realTime_alert .close{[/size]
[size=12]position:absolute;[/size]
[size=12]right:10px;[/size]
[size=12]top:5px;[/size]
[size=12]font-size:15px;[/size]
[size=12]-webkit-border-radius:50px;[/size]
[size=12]-moz-border-radius:50px;[/size]
[size=12]border-radius:50px;[/size]
[size=12]height:16px;[/size]
[size=12]width:16px;[/size]
[size=12]text-align:center;[/size]
[size=12]line-height:13px;[/size]
[size=12]cursor:pointer;[/size]
[size=12]}[/size]
[size=12].realTime_alert .close:hover{[/size]
[size=12]color:#FFF;[/size]
[size=12]background:#666;[/size]
[size=12]}[/size]
[size=12]#ebtzd .tooltip{[/size]
[size=12]opacity:0;[/size]
[size=12]position:relative;[/size]
[size=12]overflow:visible;[/size]
[size=12]z-index:100!important;[/size]
[size=12]display:inline-block;[/size]
[size=12]top:5px;[/size]
[size=12]-webkit-transition-duration:500ms;[/size]
[size=12]-moz-transition-duration:500ms;[/size]
[size=12]-o-transition-duration:500ms;[/size]
[size=12]transition-duration:500ms;[/size]
[size=12]background:rgba(0, 0, 0, .8);[/size]
[size=12]padding:10px;[/size]
[size=12]-webkit-border-radius:3px;[/size]
[size=12]-moz-border-radius:3px;[/size]
[size=12]border-radius:3px;[/size]
[size=12]font-family:Helvetica;[/size]
[size=12]letter-spacing:1px;[/size]
[size=12]font-size:13px;[/size]
[size=12]width:300px;[/size]
[size=12]color:#fff;[/size]
[size=12]}[/size]
[size=12].mobile_image { max-width:99% }[/size]
[size=12]#mpage-body .postbody > .content > div { overflow:hidden }[/size]
[size=12]/* sticky nav main */[/size]
[size=12]#fa_sticky_nav {[/size]
[size=12]font-size:0; /* hide whitespace */[/size]
[size=12]text-align:center;[/size]
[size=12]background:#FAFAFA;[/size]
[size=12]border-bottom:1px solid #CCC !important;[/size]
[size=12]height:30px;[/size]
[size=12]position:fixed;[/size]
[size=12]right:0;[/size]
[size=12]z-index:999;[/size]
[size=12]overflow:hidden;[/size]
[size=12]transition:top 200ms linear, width 600ms ease-in-out;[/size]
[size=12]}[/size]
[size=12][/size]
[size=12]#fa_sticky_nav li { display:inline } /* navlist adjustment */[/size]
[size=12][/size]
[size=12][/size]
[size=12]/* sticky menu links */[/size]
[size=12]#fa_sticky_nav a.mainmenu {[/size]
[size=12]color:#39C;[/size]
[size=12]font-size:12px;[/size]
[size=12]font-weight:bold;[/size]
[size=12]font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;[/size]
[size=12]background:url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 30px;[/size]
[size=12]display:inline-block;[/size]
[size=12]padding:0 10px;[/size]
[size=12]height:30px;[/size]
[size=12]line-height:30px;[/size]
[size=12]transition:200ms;[/size]
[size=12]}[/size]
[size=12][/size]
[size=12]#fa_sticky_nav a.mainmenu:hover, #fa_sticky_nav a.mainmenu.fa_navactif {[/size]
[size=12]background-position:0 25px;[/size]
[size=12]}[/size]
[size=12][/size]
[size=12][/size]
[size=12]/* sticky nav toggler */[/size]
[size=12]#fa_sticky_toggle {[/size]
[size=12]background:url('http://i21.servimg.com/u/f21/18/21/41/30/omnibo10.png') no-repeat 0 0 #FAFAFA;[/size]
[size=12]border:1px solid #CCC;[/size]
[size=12]border-right:none;[/size]
[size=12]display:inline-block;[/size]
[size=12]height:29px;[/size]
[size=12]width:30px;[/size]
[size=12]position:fixed;[/size]
[size=12]right:0;[/size]
[size=12]z-index:999;[/size]
[size=12]transition:top 200ms linear;[/size]
[size=12]}[/size]
[size=12][/size]
[size=12]#fa_sticky_toggle:hover { background-position:-30px 0 }[/size]
[size=12][/size]
[size=12][/size]
[size=12]/* make hidden toolbar similar to toggler */[/size]
[size=12]#fa_toolbar_hidden {[/size]
[size=12]border-radius:0 !important;[/size]
[size=12]border:1px solid #CCC;[/size]
[size=12]border-right:0;[/size]
[size=12]border-top:0;[/size]
[size=12]}[/size]
[size=12][/size]
[size=12][/size]
[size=12]/* post offset fix */[/size]
[size=12].post div[style*="-30px;"] {[/size]
[size=12]top:-60px !important;[/size]
[size=12]}[/size]
[size=12].doublepost { border-top: 1px solid #888888 }[/size]
[size=12]/* style par défaut */[/size]
[size=12]a.fa-mention {[/size]
[size=12]color:#333;[/size]
[size=12]}[/size]
[size=12][/size]
[size=12]/* style au survol */[/size]
[size=12]a.fa-mention:hover {[/size]
[size=12]color:#666;[/size]
[size=12]}[/size]
[size=12].bouhautbas {[/size]
[size=12]bottom: 40px;[/size]
[size=12]right: 10px; /[/size]
[size=12]position: fixed;[/size]
[size=12]z-index: 100;[/size]
[size=12]}[/size]
[size=12].postbody a {[/size]
[size=12]display: inline-block;[/size]
[size=12]max-width: 300px;[/size]
[size=12]overflow: hidden;[/size]
[size=12]white-space: nowrap;[/size]
[size=12]text-overflow: ellipsis;[/size]
[size=12]vertical-align: bottom;[/size]
[size=12]}[/size]
[size=12].signature_div img{[/size]
[size=12]max-width: 500px !important;[/size]
[size=12]max-height: 200px !important;[/size]
[size=12]}[/size]
[size=12].bodyline {[/size]
[size=12]background-color: #fff;[/size]
[size=12]border: 4px dotted #f60000;[/size]
[size=12]box-shadow: inset 1px 1px 15px #f60000;[/size]
[size=12]border-radius: 50px;[/size]
[size=12]padding-left: 50px;[/size]
[size=12]padding-right: 50px;[/size]
[size=12]}[/size]
[size=12].forumline {[/size]
[size=12]background-color: #fafafa;[/size]
[size=12]border: 1px dashed #f60000;[/size]
[size=12]box-shadow: inset 1px 1px 15px #f60000;[/size]
[size=12]border-radius: 15px;[/size]
[size=12]padding: 10px;[/size]
[size=12]}

[R-max]

bonsoir vous avez un javascript dans votre css

celui ci>

Code:

$("head").append('');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append(''+nom+''); }

$(function(){

$("#frame_chatbox").load(function(){
$("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
});

$("iframe[name=smilies]").load(function(){
$("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('body{margin:0!important;}');
});

$("#selecteur").append('Choisir un thème');

addstyle("Neutre (par défaut)","");
addstyle("AEON","http://www.aht.li/2478025/design_aeon.css");


});

je pense qu'il n'a rien a faire dans le css , c'est d'ailleurs lui qui bloque la mise en page que je vous donne
j'ai tester votre css sans ce javascript et "il s'affiche correctement" ...

il serait je pense plus a ça place dans les javascript ...

je reste a votre écoute ..

[snunez]

Oui!!! On a réussi 

Bon après Noël faudrait que je change la couleur parce que le rouge là c'est vraiment de saison mais sinon juste Whouah! Comment c'est beau merci chef et ravie d'avoir fait affaire avec vous

Enfin résolu 

Ps: juste avant de fermer le topic là, le code javascript j'ai retirée c'était pas pour l'alerte chat box par hasard ?

[R-max]

humm je ne sait pas trop, a mon avis il avait plusieurs fonction ,mais pas celle que vous dites.

au pire placé le dans PANNEAU ADMIN>>MODULE>>JAVASCRIPT>cocher sur toutes les pages>>et enregistré

vous verrai bien a l'usage ,
ps:vous pouvez aussi le placé comme dis ,et décocher toutes les cases ,il sera sauvegardé sur votre liste de javascript ,mais ne sera pas actif...


edit vous pouvez aussi ajouté ce code css

Code:

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
    padding: 2px 3px;
    border-bottom: 1px dotted purple;
}

cela laissera une petite séparation (discrete) entre les forum

[snunez]

1. Bon, et bien je pense que ce doit être  bon alors merci pour vos précieux conseils  
   

:resolu:vous pouvez archivez .

[R-max]

de rien a bientôt