Se connecter / S'enregistrer
Votre question

Design Extensible aidez moiiiii

Tags :
  • Arrière plan
  • Matériel
Dernière réponse : dans Matériel informatique
20 Septembre 2007 19:42:51

/*
+---------------------------------------------------------------+
| e107 Theme
| --------------
| MaW37
| --------------
| ©2006 mcpeace
| http://manatwork.evonet.ro
| manatwork@evonet.ro
|
| Released under the terms and conditions of the
| Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License
| (http://creativecommons.org/licenses/by-nc-sa/2.5/).
|
| DON'T REMOVE THE CREDIT, SOURCE AND LICENSE LINKS!
+---------------------------------------------------------------+
*/




* {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-size: 60.3%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #333;
text-align: center;
background: #fff url("images/background.jpg") left top repeat-x;
}

a {
color: #06c;
text-decoration: none;
}

a:hover {
color: orange;
text-decoration: none;
}

h1 {
font-size: 3.2em;
}

h2 {
font-size: 1.5em;
color: #333;
}

h3 {
font-size: 1.3em;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

td {
background: none;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color:#111;
padding: 0px;
text-align:left;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

hr {
display: none;
}

a img {
border: none;
}

.linkspage_button{
border:0px;
}

.hidden{
display:none;
}

#toplinks {
width: 958px;
height: 30px;
margin: 0;
padding: 0px;
}


#push {
padding:2px 0 2px 0;
margin: 0 0 -10px 0;
border-bottom:1px dashed #999;
width: 185px;
height: 15px;
display:block;
font-size: 1.1em;
}

#page {
margin: 0;
padding: 0;
width: 1200px;
border: 1px solid ;
border:none;
text-align: left;
background: #fff url("images/page.jpg") top left repeat-y;
}

#pagefull {
margin: 0;
padding: 0;
width: 1200px;
border: 1px solid ;
border:none;
text-align: left;
background: #fff url("images/pagefull.jpg") top left repeat-y;
}

#header {
position:relative;
padding: 0;
margin: 0 auto;
width: 960px;
height: 200px;
background: #fff url("images/header.jpg") bottom left no-repeat;
}

#header1 {
position:relative;
padding: 0;
margin: 0 auto;
width: 960px;
height: 350px;
background: #fff url("images/header1.jpg") bottom left no-repeat;
}

*html #header {
width: 958px;
}

*html #header1 {
width: 958px;
}

#header h1, #header1 h1 {
position:absolute;
top:195px;
left:0px;
width: 540px;
padding: 0;
margin: 0 auto;
font-size: 2.6em;
text-align: center;
}

#header h1 a, #header1 h1 a {
color: #0A3C9D;
}

#header h1 a:hover, #header1 h1 a:hover {
color: orange;
}


#header h2, #header1 h2 {
position:absolute;
top:230px;
left:0px;
width: 540px;
padding: 0;
margin: 0 auto;
font-size: 1.1em;
text-align: center;
color: #0A3C9D;
}
}

#content {
margin-top:11px;
font-size: 1.2em
}

#content h2{
background:transparent url("images/caption.jpg") top left no-repeat;
padding: 2px 0 0 45px;
margin-bottom:5px;
color:#fff;
}

.left {
float:left;
margin:0;
padding:0;
}

#sidebar {
float:left;
margin:0;
padding:11px;
width: 190px;
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#sidebar h3{
background:transparent url("images/caption.jpg") top left no-repeat;
padding: 4px 0 4px 45px;
margin-bottom:10px;
color:#fff;
}

#box h3{
background:transparent url("images/caption.jpg") bottom left no-repeat;
padding: 4px 0 4px 45px;
margin-bottom:10px;
color:#fff;
}

#sidebar-right {
margin:0 0 0 745px;
padding:11px;
width: 190px;
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

*html #sidebar-right {
margin-left:742px;
}

#sidebar-right h3{
background:transparent url("images/caption.jpg") top left no-repeat;
padding: 4px 0 4px 45px;
margin-bottom:10px;
color:#FFF;
}

.narrowcolumn {
padding: 0;
margin: 0 0 0 230px;
width: 500px;
}

*html .narrowcolumn {
margin: 0 0 0 225px;
width: 505px;
}

.narrowcolumn .entry {
line-height: 1.3em;
}

.narrowcolumnfull {
padding:0;
margin: 0 0 0 230px;
width: 710px;
}

*html .narrowcolumnfull {
margin-left:228px;
}

.narrowcolumnfull .entry {
line-height: 1.3em;
}

#newsimage {
float:left;
padding:3px 10px 0px 0px;
}

#footer {
padding: 0;
margin: 0 auto;
width: 960px;
clear: both;
background: #fff url("images/footer.jpg") top left no-repeat;
}

#footer p {
margin: 0;
padding: 10px 0 10px 0;
text-align: center;
margin-left:220px;
width: 540px;
}

#source {
float:left;
margin: -27px 0 0 70px;
text-align:center;
}

*html #source {
margin-left: 35px;
}

#credit {
width:131px;
height:19px;
display: none;
}

#left {
padding:5px;
border:1px solid;
border-color:#EBEFF2 #FFF #EBEFF2 #EBEFF2;
}

#right {
padding:5px;
background:#EBEFF2;
border:1px solid;
border-color: #999 #EBEFF2 #EBEFF2 #999;
}

#mess {
padding:3px;
background:#EEE;
margin-top:3px;
}

#info {
padding:0 0 4px 3px;
background:#EBEFF2;
margin-top:-5px;
margin-bottom:5px;
}

#comm {
padding:3px;
background:#EBEFF2;
}

#track {
float:left;
}

#up {
text-align:center;
}

.button{
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 10px;
text-align:center;
background:transparent url("images/button.jpg") bottom left repeat-x;
border:1px solid ;
border-color:#eee #ccc #ccc #eee;
margin:2px 0 2px 0;
padding: 1px 5px 2px 5px;
}

*html .button{
margin:2px 0 0 0;
}

.tbox.chatbox {
width: 80%;
margin-left: auto;
margin-right: auto;
border-color: #999 #EBEFF2 #EBEFF2 #999;
}

.spacer {
padding: 2px 0 2px 0;
}

.indent{
padding:4px;
border: 1px solid orange;
}

.smalltext {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.mediumtext {
font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.tbox{
background-color: #fff;
border:1px solid;
border-color: #999 #EBEFF2 #EBEFF2 #999;
color: #000;
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.helpbox {
border: 0px;
background-color: transparent;
color:#000;
font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.fborder {
border: 1px solid ;
border-color: #ccc #336699 #336699 #ccc;
background-color: #fff;
}

.forumheader{
background-color: #0033cc;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 11px;
color:#fff;
padding: 4px;
border: 1px solid #336699;
}

.forumheader a{
color: #fff;
}

.forumheader a:hover {
color: orange;
}

.forumheader2{
background-color: #EBEFF2;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-size: 10px;
color:#000;
padding: 4px;
border: 1px solid #ccc;
}

.forumheader3{
background-color: #EBEFF2;
font: 9px verdana, tahoma, arial, helvetica, sans-serif;
color:#000;
padding: 4px;
border: 1px solid #ccc;
}

.forumborder{
border: #000080 1px solid;
background-color: #F4F7FA;
}

.fcaption {
height:35px;
border: 1px solid #336699;
padding: 2px 0 2px 8px;
background-color: #003399;
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-align:center;
}

.fcaption a{
padding-right:4px;
color:#fff;
}


.nicetitle {
font-weight: bold;
color: #3C3C3C;
text-align: left;
position: absolute;
left: 0;
top: 0;
width: 35em;
z-index: 20;
max-width: 60%;
}
.nicetitle-content{
overflow: hidden;
background: white;
border: 1px solid #333;
padding: 7px;
opacity: 0.9;
}
.nicetitle p{
margin: 0;
line-height: 120%;
}
.nicetitle p.destination {
font-weight: normal;
font-size: 10px;
color: #5E7743;
}
div.nicetitle p span.accesskey {
color: #FF7200;
}

Voila mon design et je voudrais qu'il soit extensible que dois-je modifier merci à vous

Autres pages sur : design extensible aidez moiiiii

20 Septembre 2007 20:42:20

c est pas au bon endroit
va voir sur le site du zero, il y a la reponses
20 Septembre 2007 20:51:23

merci
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS