revenir en haut de la page
<div style="position: fixed; bottom: 10px; right: 15px;"><a href="#"><img src="https://ekladata.com/JE53fALpJgZiFLlA6u9WthzlBfY.png" alt="Manga Jaune" /></a></div>
Encadré fieldset:
Titre Contenu
CSS (a ajouter dans le css du thème)
legend {color: #c17000; text-align: center; font-family: impact; font-size: 30px; } fieldset {border: 2px solid #e9ad45; box-shadow: 2px 3px 9px #c17000; margin: 0 auto; margin-bottom: 10px; }
HTML
<fieldset style="width: largeur "><legend>Titre</legend>Contenu</fieldset>
Boite
Du blablabla
CSS (à ajouter dans le css du thème)
. boite { border : 2px solid #e9ad45 ; box-shadow : 0 0 15px #c17000 ; border-radius : 15px ; margin : 10px ; text-align : left ; padding-left : 10px ; padding-top : 5px ; padding-bottom : 5px ; padding-right : 5px ; background : rgba (255 , 255 , 255 , 0.3 ) ;
HTML
<div class="boite" style="width: largeur ">Blabla</div>
#body { background : url (http : / / data0 . ek . la / test-blog / mod_articles17637458_4f420def8c457 . png ?2435 ) 0px 320px repeat-x , url ( http://img11.hostingpics.net/pics/317759headgoldmanga.png) no-repeat 50% 0% , url (http : / / data0 . ek . la / test-blog / mod_articles17637458_4f3f893cb3cd4 . jpg ?9188 ) repeat-x ; background-color : #e0c386 ; margin-top : -30px ; } #header { height : 343px ; } #header a { color : transparent ; border : none ; } #titre_header a { display : block ; width : 1000px ; height : 250px ; } textarea { background : white } p { color : #533000 ; font-family : verdana ; font-size : 13px ; } a { color : black ; text-decoration : none } a : hover { color : black ; border-bottom : 1px dotted #533000 } a : active { font-weight : bold } . #footer a { color : transparent ; } #footer : after { content : " - Design by Nagalia" ; } #menu a { box-shadow : 0 0 15px #c17000 ; opacity : 0.5 ; color : black ; font-size : 14px ; text-align : center ; vertical-align : middle ; height : 27px ; line-height : 27px ; width : 130px ; border-radius : 15px 15px 0 0 ; background : rgba (255 , 230 , 130 , 0.7 ) ; border : 2px solid #e9ad45 ; border-bottom : none ; margin : 10px ; -webkit-transition : 0.3s ; -moz-transition : 0.3s ; transition : 0.3s } #menu a : hover { height : 35px ; opacity : 1 ; line-height : 35px ; font-size : 16px ; margin-top : 2px } #menu_calendar { border-radius : 5px ; border : 2px solid #e9ad45 ; margin : 0 auto ; margin-top : 5px ; margin-bottom : 5px ; width : 180px ; background : rgba (255 , 255 , 255 , 0.3 ) } #menu_calendar th { border-bottom : 1px double #e9ad45 ; color : black ; font-weigh : bold ; background : rgba (255 , 230 , 130 , 1 ) } #menu_calendar_month { font-weight : bold } #menu1 , #menu2 { box-shadow : 0 0 15px #c17000 ; border-radius : 15px ; background : rgba (255 , 229 , 150 , 0.7 ) ; . background : rgba (255 , 230 , 130 , 0.7 ) ; border : 2px solid #e9ad45 ; margin : 10px ; padding : 5px ; font-family : verdana ; font-size : 13px ; text-align : center } . module_menu_type_lastvisitors { font-family : arial ; } . module_menu_titre { color : #c17000 ; text-shadow : 0 0 3px #e9ad45 ; margin-top : 10px ; background-color : rgba (233 , 173 , 59 , 0.6 ) ; padding-bottom : 15px ; margin-bottom : 5px ; text-align : center ; font-family : impact ; font-size : 25px ; margin-left : -5px ; margin-right : -5px ; border-top : 2px solid #e9ad45 ; border-bottom : 2px solid #e9ad45 } . module_contenu { box-shadow : 0 0 15px #c17000 ; border-radius : 15px ; padding : 5px ; padding-top : -50px ; margin-top : -50px ; background : rgba (255 , 229 , 150 , 0.7 ) ; . background : rgba (255 , 230 , 130 , 0.7 ) ; border : 2px solid #e9ad45 ; } . module_titre { color : #f8d46f ; text-shadow : 0 0 3px #c17000 , 0 0 8px #c17000 , 0 0 5px #c17000 , 0 0 3px #c17000 ; . margin-bottom : 25px ; . height : 120px ; text-align : center ; font-family : Impact ; font-size : 25px ; } . module_titre a { color : #f8d46f ; } . module_titre a : hover { border : none } . comment_admin { box-shadow : 0 0 15px #c17000 ; border-radius : 15px ; padding : 5px ; background : rgba (255 , 230 , 130 , 0.7 ) ; border : 2px solid #e9ad45 ; width : 650px ; margin : 0 auto } . comment_normal { width : 650px ; margin : 0 auto } #menubar { background-image : none ; margin-left : -20px ; padding-right : 30px ; width : 105% ; color : black ; text-shadow : 1px 1px 3px #fff6d5 ; box-shadow : 0px 0px 15px rgba (0 , 0 , 0 , 0.3 ) , 0px 0px 10px #c17000 , 0px 0px 10px #c17000 , inset 0 5px 15px white ; ; background-color : #e9ad45 ; } #menubar a { border : none ; color : #fff6d5 ; text-shadow : none } #menubar_logo { float : right ; padding : 5px 7px 0 0 ; width : 120px ; } . menubar_section : hover div { background : none ; } . menubar_section ul { box-shadow : 0px 0px 15px rgba (0 , 0 , 0 , 0.3 ) , 0px 0px 10px #c17000 , 0px 0px 10px #c17000 ; border-radius : 0 0px 5px 5px ; margin-left : 10px ; } . menubar_section li { background : #e9ad45 ; -webkit-transition : 0.4s ; -moz-transition : 0.4s ; transition : 0.4s ; color : black ; text-shadow : none } . menubar_section li : hover { background : #f8d46f ; color : black ; } . menubar_section li : last-child { background : #e9ad45 ; height : 15px ; border-radius : 0 0px 5px 5px } . menubar_section li : last-child : hover { background : #f8d46f } #menubar_notifications : hover #menubar_notifications_btn { background : none } #notifications_panel { box-shadow : 0px 0px 15px rgba (0 , 0 , 0 , 0.3 ) , 0px 0px 10px #c17000 , 0px 0px 10px #c17000 ; border-radius : 0 0px 5px 5px } #notifications_panel . notif_msg { color : black } #notifications_panel a , #notifications_panel div { background : #e9ad45 ; -webkit-transition : 0.4s ; -moz-transition : 0.4s ; transition : 0.4s ; } #notifications_panel a : hover , #notifications_panel div : hover { background : #f8d46f } #notifications_panel . new_notification { background : url ( "https://ekladata.com/lx5ZdNw3P7wAgizh9cPFGT-e1Zg.jpg" ) } #notifications_panel a : last-child , #notifications_panel div : last-child { border-radius : 0 0px 5px 5px } #menubar_section_content { background-image : none ; } #menubar_section_appearance { background-image : none ; } #menubar_section_interactions { background-image : none ; } #menubar_section_manage { background-image : none ; } #menubar_section_account { background-image : none ; } #menubar_notifications { background-image : none ; } #menubar_signin { background-image : none ; } . menubar_button { background-image : none ; } . window { box-shadow : 0 0 15px #c17000 ; border-radius : 15px ; background : #f8d46f ; border : 2px solid #e9ad45 ; } . window a { color : black } . window a : hover { color : black ; text-decoration : none } . window_content { background : none } . window_title { color : #c17000 ; padding : 4px ; padding-top : 5px ; text-align : center ; font-family : Impact ; font-size : 30px ; font-weight : lighter ; text-shadow : 1px 1px 3px #c17000 ; } . window_handle_content { background : none ; box-shadow : inset 0 15px 20px white ; margin : 0px ; padding : 0px ; border-bottom : 2px solid #e9ad45 ; border-radius : 12px 12px 0px 0px } . window_handle_left { background : none ; margin : 0px ; padding : 0px ; } . window_handle_right { background : none ; margin : 0px ; padding : 0px ; } . window_content_wrapper1 { background : none ; margin : 0px ; padding : 0px ; } . window_content_wrapper2 { background : none ; margin : 0px ; padding : 0px ; } . window_bottom_wrapper1 { background : none ; height : 17px ; margin : 0px ; padding : 0px ; } . window_bottom_wrapper2 { background : none ; margin : 0px ; padding : 0px ; } . window_bottom { background : none ; margin : 0px ; padding : 0px ; height : 0px } . button_win , . window input [ type = button ] , . window input [ type = submit ] , . window button { background : #f8d46f ; box-shadow : 0 0 5px #c17000 ; border : 2px solid #e9ad45 ; padding } . button_win : hover , . window input [ type = button ] : hover , . window input [ type = submit ] : hover , . window button : hover { background : #c17000 ; border : 2px solid #e9ad45 } . window_tabs { background-color : #e9ad45 ; border-top : 2px solid #e9ad45 ; margin-left : -10px ; padding-left : 15px ; width : 108% ; box-shadow : inset 0 0 30px #c17000 , 0 0 20px #c17000 } . window_tabs span { background-color : #c17000 ; color : black ; -webkit-transition : background 1s ; -moz-transition : background 1s ; transition : background 1s ; border : 2px solid #e9ad45 ; box-shadow : 0 0 5px #c17000 ; } . window_tabs span . window_tab_active { background-color : #f8d46f ; } . window_tabs span : hover { background-color : #c17000 ; } #help_bubble { box-shadow : 0 0 5px #c17000 ; border-radius : 5px ; background : rgba (255 , 230 , 130 , 0.9 ) ; border : 2px solid #e9ad45 ; } a . infobulle { font-family : impact ; color : #c17000 ; font-size : 20px ; }