Design1
 |
 |
Code à coller dans la case: "Texte au dessus du design" <div align=center> <div id="Design"> <div id="Header_oben"></div> ----ooOoo---- Code à coller dans la case: "Code Css sans tags de style" * { padding: 0; margin: 0; } body { background-image: url(https://img.webme.com/pic/d/designfrgd/fondx01.jpg); background-repeat: repeat; background-attachment : fixed; background-position : left top; font-size: 12px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#000000 text-align: left;} div#content { min-height:250px; height:expression(this.scrollHeight > 250 ? "auto":"250px"); } #nav{ margin: 5px; padding:5px;} #nav_container{ display:inline; margin:10px 0px 10px 0px; padding:0px; background-image:url(https://img.webme.com/pic/d/designfrgd/noir.jpg); height: 32px; width: 190px; overflow:auto;} #nav li a:link, #nav li a:visited { height: 32px; width: 190px; text-color: #0000ff; line-height: 25px; text-decoration: none; text-align: center; margin:10px 0px 0px 0px; padding: 10px 3px 10px 3px; background:#fff; background-image:url(https://img.webme.com/pic/d/designfrgd/navnu01.jpg);} #nav li a:hover{ line-height: 25px; text-decoration: underline; text-align: center; color: #0000ff; margin:10px 0px 0px 0px; padding: 10px 3px 10px 3px; background:#13b; background-image: url(https://img.webme.com/pic/d/designfrgd/navnu02.jpg);} #nav li a:active{ line-height: 25px; text-decoration: none; text-align: center; margin:10px 0px 0px 0px; padding: 10px 3px 10px 3px; background:#000; background-image: none;} #nav li{ display:inline; padding:1px; margin:0;} #nav a:link, #nav a:visited{ color:#FF00FF; background:#trans;} body { border:2px solid #0099FF; font-family: Arial, Helvetica, sans-serif; font-size: 13px;} #wrapper { margin: 0 auto; width: 922px;} #header { width: 950px; padding: 0px; border: 2px solid #0099FF; height: 150px; margin: 10px 0px 5px 0px; background-image:url("https://img.webme.com/pic/d/designfrgd/heider07.jpg " );} #content{ width: 930px; border: 2px solid #0099FF; background-image: url(https://img.webme.com/pic/d/designfrgd/brunh.jpg); background-repeat: repeat-y; margin: 15px 0px 0px 0px; padding: 10px; height: auto; text-align: left;} #footer { color: #fff; width: 930px; border: 1px solid #cfc; background: #BD9C8C; margin:25px 0px 10px 0px; padding: 5px;} a:link { color: #0000FF; text-decoration: none;} a:visited { color: #0000FF; text-decoration: none;} a:hover, a:active { color: #FF00FF;} h1 { font-size: 0px; text-transform:uppercase; background-color: #ff0 background-image:url(https://img.webme.com/pic/d/designfrgd/wrater02.jpg); background-repeat:repeat-x; width:AUTO; border-top:1px solid #0099FF; border-bottom:1px solid #0099FF; padding:4px; margin:20 } h2{ font-size: 16px; text-transform:uppercase; background-color: #000; background-image:url(https://img.webme.com/pic/d/designfrgd/wrater01.jpg); background-repeat:repeat-x; border-top:2px solid #0099FF; border-bottom:2px solid #0099FF; padding:4px; margin:20px } |
Code à coller dans la case: "Texte au dessus du design" <div align=center> <div id="Design"> <div id="Header_oben"></div> ----ooOoo---- Code à coller dans la case: "Code Css sans tags de style" * { padding: 0; margin: 0; } body { background-image: url(https://img.webme.com/pic/d/designfrgd/fondx04.jpg); background-repeat: repeat; background-attachment : fixed; background-position : left top; font-size: 12px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#000000 text-align: left;} div#content { min-height:250px; height:expression(this.scrollHeight > 250 ? "auto":"250px"); } #nav{ margin: 5px; padding:5px;} #nav_container{ display:inline; margin:10px 0px 10px 0px; padding:0px; background-image:url(https://img.webme.com/pic/d/designfrgd/noir.jpg); height: 32px; width: 190px; overflow:auto;} #nav li a:link, #nav li a:visited { height: 32px; width: 190px; text-color: #0000ff; line-height: 25px; text-decoration: none; text-align: center; margin:10px 0px 0px 0px; padding: 10px 3px 10px 3px; background:#fff; background-image:url(https://img.webme.com/pic/d/designfrgd/navnu01.jpg);} #nav li a:hover{ line-height: 25px; text-decoration: underline; text-align: center; color: #0000ff; margin:10px 0px 0px 0px; padding: 10px 3px 10px 3px; background:#13b; background-image: url(https://img.webme.com/pic/d/designfrgd/navnu02.jpg);} #nav li a:active{ line-height: 25px; text-decoration: none; text-align: center; margin:10px 0px 0px 0px; padding: 10px 3px 10px 3px; background:#000; background-image: none;} #nav li{ display:inline; padding:1px; margin:0;} #nav a:link, #nav a:visited{ color:#FF00FF; background:#trans;} body { border:2px solid #0099FF; font-family: Arial, Helvetica, sans-serif; font-size: 13px;} #wrapper { margin: 0 auto; width: 922px;} #header { width: 950px; padding: 0px; border: 2px solid #0099FF; height: 150px; margin: 10px 0px 5px 0px; background-image:url("https://img.webme.com/pic/d/designfrgd/heider07.jpg " );} #content{ width: 930px; border: 2px solid #0099FF; background-image: url(https://img.webme.com/pic/d/designfrgd/brunh.jpg); background-repeat: repeat-y; margin: 15px 0px 0px 0px; padding: 10px; height: auto; text-align: left;} #footer { color: #fff; width: 930px; border: 1px solid #cfc; background: #BD9C8C; margin:25px 0px 10px 0px; padding: 5px;} a:link { color: #0000FF; text-decoration: none;} a:visited { color: #0000FF; text-decoration: none;} a:hover, a:active { color: #FF00FF;} h1 { font-size: 0px; text-transform:uppercase; background-color: #ff0 background-image:url(https://img.webme.com/pic/d/designfrgd/wrater02.jpg); background-repeat:repeat-x; width:AUTO; border-top:1px solid #0099FF; border-bottom:1px solid #0099FF; padding:4px; margin:20 } h2{ font-size: 16px; text-transform:uppercase; background-color: #000; background-image:url(https://img.webme.com/pic/d/designfrgd/wrater01.jpg); background-repeat:repeat-x; border-top:2px solid #0099FF; border-bottom:2px solid #0099FF; padding:4px; margin:20px } |