ma3x_ip каза:
ma3x_ip каза:
Някой знаели ги на бг
body { background-image: url('../images/bg.gif'); }
img { border: 0px; text-decoration: none;}
#container { width: 500px; height: auto; margin: 0 auto 0 auto; position: relative; }
#top { width: 500px; height: 23px; background-image: url('../images/top.gif'); }
#center { width: 500px; background-image: url('../images/cn.gif'); background-repeat: repeat-y; }
#bottom { width: 500px; height: 35px; background-image: url('../images/bottom.gif'); }
p.bla { font-family: verdana; font-size: 12px; color: #555; padding-left: 10px; padding-right: 10px; }
span.header { font-family: courier new; font-size: 18px; color: #666; padding-left: 10px; }
#bmenu { position: relative; top: 12px; left: 15px; }
#bmenu ul { margin: 0 auto; padding: 0; list-style: none; height: 20px; font-family: verdana; font-size: 10px; font-weight: bold; }
#bmenu li { margin-left: 5px; padding:0; float:left; text-align: center; }
някой можели да ми обесни на бг действията та тези кодове?
body { background-image: url('../images/bg.gif'); } - Това задава картинка за фон на тага <body>.
img { border: 0px; text-decoration: none;} - здава рамката около внимките да е 0px и текста да няма никаква декорация (това за текста е напълно безполезно).
#container { width: 500px; height: auto; margin: 0 auto 0 auto; position: relative; - това задава идентификатор наречен container с широчина 500px, автоматична височина и външни отстъпи от елемента от горе/долу и ляво/дясно 0px и относителна позиция в сайта.
#top { width: 500px; height: 23px; background-image: url('../images/top.gif'); } - това създава идентификатаро с име top, широчина 500px, височина 23px, и картинка за фон на тага.
#center { width: 500px; background-image: url('../images/cn.gif'); background-repeat: repeat-y; } - това създава идентификатор с име center картинка за фон на тага и картинката да се повтаря във вертикално направление.
#bottom { width: 500px; height: 35px; background-image: url('../images/bottom.gif'); } - създава идентификатор с име bottom, широчина 500px, височина 35px и картинка за фон.
p.bla { font-family: verdana; font-size: 12px; color: #555; padding-left: 10px; padding-right: 10px; } - задава стил за всички елемети <p> с клас bla. Като задава шрифт на текста verdana, големина на текста 12px, цвят #555, вътрешен отстъп в елемента от ляво и дясно по 10px.
span.header { font-family: courier new; font-size: 18px; color: #666; padding-left: 10px; } - задава стил на всички елементи <span> с клас header. Като задава шрифт Courier New (по правилно е да се зададе така: 'Courier New' - да ги има кавичките), големина на шрифта 18px, цвят на текста #666 и вътрешен отстъп от ляво 10px
#bmenu { position: relative; top: 12px; left: 15px; } - Създава идентификатор с име bmenu. Относителна позиция в сайта като от горе е 12px, а от ляво 15px
#bmenu ul { margin: 0 auto; padding: 0; list-style: none; height: 20px; font-family: verdana; font-size: 10px; font-weight: bold; } - Задава стил на всички тагове <ul>, които са между тагове от клас bmenu. Стиловете вътрешно и външно пространство от елемента 0px, стил на списъците да няма (т.е точката пред елементите в списъка да я няма), височина 20px, шрифт на текста verdana, големина на текста 10px и шрифта да е удебелен
#bmenu li { margin-left: 5px; padding:0; float:left; text-align: center; } - Задава стил на всички тагове <li>, които са между таговете от клас bmenu. Стиловете са външен отстъп от ляво на елемента 5px, вътрешен отстъп от четирите страни 0px, подравняване на елемента от ляво и центриране на текста в този таг.
Няма какво точно да се обяснява на български горния код. Това е просто css дефиниции, който ако не знаеш просто няма смисъл да се занимаваш с направата на сайт преди да ги научиш.
