PDA

Просмотр полной версии : Вопросик по CSS


serg03
17.04.2008, 19:44
Здравствуйте! Вот у меня имеется код CSS. Но так как я полный чайник не могу его модернизировать. Нужна помощь! Собственно говоря надо сделать, как на картинке.
P.S. вижу появилось много под-разделов. Извините,если я не туда.Забыл про жираный заголовок.

[Только зарегистрированные пользователи могут видеть ссылки.]

Код:

/* ################## DESING FROM ROMAN GALOCHKIN ################## */
.cl01{background:url('1.jpg');height:213}
.cl02{background:url('4.jpg');height:500}
.cl03{background:url('5.jpg');height:500}
body
{
margin: 0px;
background:white;
background-image: url('bg.gif');
font-family:verdana,arial,helvetica;
font-size:8pt;
}




.titBl{margin:10; font-weight:bold;FONT-SIZE:110%}

.tableLeft{border-bottom:1px dashed gray;}
.tableMain{border-left:1px solid gray;border-right:1px solid gray;}
.tableRight{border-bottom:1px dashed gray;}
.tableTop{border-bottom:1px solid gray;background:FF8D07;}
.tableBot{border-top:1px solid gray;border-bottom:1px solid gray;}
.tableLogo{background:url(logo.jpg);}
.tableLogoRight{background:url(bg1.gif);}

.topMiniMenu{font-size:11px;font-family:Tahoma,Arial; width: 130px;margin-right:20;}
.topMiniMenu2{font-size:11px;font-family:Tahoma,Arial;text-align:center}

input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}


a.entryUserLink:link {text-decoration:none; color:black;}
a.entryUserLink:active {text-decoration:none; color:black;}
a.entryUserLink:visited {text-decoration:none; color:black;}
a.entryUserLink:hover {text-decoration:underline; color:black; }

a.entryCommentLink:link {text-decoration:none; color:black;}
a.entryCommentLink:active {text-decoration:none; color:black;}
a.entryCommentLink:visited {text-decoration:none; color:black;}
a.entryCommentLink:hover {text-decoration:underline; color:black; }

/* General Style */

a:link {text-decoration:underline; color:#D57500;}
a:active {text-decoration:underline; color:#D57500;}
a:visited {text-decoration:underline; color:#D57500;}
a:hover {text-decoration:underline; color:#000000;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;}

form {padding:0px;margin:0px;}

a.m:link {text-decoration:none; color:#D57500;margin: 0;}
a.m:active {text-decoration:none; color:#D57500;margin: 0;}
a.m:visited {text-decoration:none; color:#D57500;margin: 0;}
a.m:hover {text-decoration:none; color:#000000;margin: 0;}

a.mm:link {text-decoration:none; color:#D57500;margin: 0;}
a.mm:active {text-decoration:none; color:#D57500;margin: 0;}
a.mm:visited {text-decoration:none; color:#D57500;margin: 0;}
a.mm:hover {text-decoration:none; color:#000000;margin: 0;}


a.ma:link {text-decoration:none; color:#000000;margin: 0; }
a.ma:visited {text-decoration:none; color:#000000;margin: 0; }
a.ma:hover {text-decoration:none; color:#000000;margin: 0; }

li.m {margin: 0; padding: 0 0 0 13px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 3px;
margin-top: .6em;}
/* --------- */

/* Module Part Menu */
.catsTd {text-align:center}

.catName {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}

.catNameActive {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;}

.catNumData {font-size:7pt;color:#6E6E6E;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#D57500;}
a.catName:visited {text-decoration:none; color:#D57500;}
a.catName:hover {text-decoration:none; color:#000000;}
a.catName:active {text-decoration:underline; color:#000000;}
a.catNameActive:link {text-decoration:none; color:#D57500;}
a.catNameActive:visited {text-decoration:none; color:#D57500;}
a.catNameActive:hover {text-decoration:none; color:#000000;}
a.catNameActive:active {text-decoration:none; color:#000000;}
/* ----------------- */

/* Entries Style */
.entryTable {}
.entryTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#6E6E6E;padding-left:10}
a.entryTitleLink:link {text-decoration:underline; color:#D57500;}
a.entryTitleLink:visited {text-decoration:underline; color:#D57500;}
a.entryTitleLink:hover {text-decoration:underline; color:#000000;}
a.entryTitleLink:active {text-decoration:underline; color:#000000;}

.entryBodyTd {text-align:justify;padding-bottom:5px;}
.entryTextTd {text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px solid #BCBCBC}

.entryDetailsTd {border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt;}
.entryDetailsTd1 {border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt;}

.entryDetailsTd2 {border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt;}

.entryDateTd {padding-bottom:2px;font-size:7pt;font-family:Tahoma,Arial,Sans-Serif;}
.entryRatingTd {padding-top:5px;color:#999999;}
.entryRatingSelect {font-size:7pt;}

.entryHr {color:#DDDDDD;height:1px;border-top:0px;display:none;}
.entryHr1 {color:#DDDDDD;height:1px;border-top:0px;display:none;}

.entryReadAll {padding-left:5px;}
.entryAttaches {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 0px;}
/* ------------- */

/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
.manHelpTable {}
.manHelpTd {}
/* ------------------ */

/* Comments Style */
.commAllTd {padding-bottom:5px;}
.commNumTd {font-weight:bold;}
.commIpTd {font-size:9px;color:#ADADAD;}
.commDateTd {font-size:9px;color:#ADADAD;}
.commAnswer {padding-left:15px;padding-top:4px;font-style:italic;}
.commAnswerSign {font-weight:bold;}
.commName {font-weight:bold;}

.commTable1 {background:#FAFAFA; border:1px solid #BCBCBC;}
.commTable2 {background:#F1F2F3; border:1px solid #BCBCBC;}
.commBodyTable {}
.middleImg {width:4px;}
/* -------------- */

/* Comments Form Style */
.commTable {}
.commTd1 {color:#000000;}
.commTd2 {}
.commFl {color:#6E6E6E;width:100%;background:#FCFCFC;b order:1px solid #BCBCBC;}

.smiles {border:1px inset;background:#FFFFFF;}

.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:green;background:#FCFCFC;border:1px solid #BCBCBC;height:25;}
/* ------------------- */

/* Sign Form Style */
.signTable {border:1px dashed gray;background:F5F4F3;}
.signTd1{text-align:right}
.signTd2{text-align:left;padding-left:10}
.signMainTable{text-align:center;}
.signButton{background:#FCFCFC;border:1px solid #B0AFAF;margin-bottom:2}

.signField {width:400px;background:#FCFCFC;border:1px solid #BCBCBC;}
.signFieldMessage {width:400px;background:#FCFCFC;border:1px solid #BCBCBC;}

.signFieldCount {font-family:arial;font-size:8pt;background:#FAFAFA;border:1px solid #BCBCBC; width:38px; font-weight:bold;text-align:center;}

.signErrorTd {color:#FF0000;}
.signTd1 {color:#000000;}
.signButtonTd {padding-top:15px;}
.showSmiles {padding:5 0 0 10px;}
/* --------------- */

/* Archive Menu */
.archLi {padding: 0 0 3px 10px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 4px; font-family:Tahoma,Arial,Sans-Serif;}
a.archLink:link {text-decoration:underline; color:#6E6E6E;}
a.archLink:visited {text-decoration:underline; color:#6E6E6E;}
a.archLink:hover {text-decoration:none; color:#000000;}
a.archLink:active {text-decoration:none; color:#000000;}
/* ------------ */

/* Archive Style */
.archiveCalendars {text-align:center;color:#0000FF;}
.archiveDateTitle {font-weight:bold;color:#6E6E6E;padding-top:15px;}
.archEntryHr {width:250px;color:#DDDDDD;}
.archiveEntryTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 4px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#6E6E6E}
a.archiveDateTitleLink:visited {text-decoration:none; color:#6E6E6E}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#6E6E6E}
a.archiveDateTitleLink:active {text-decoration:underline; color:#6E6E6E}
.archiveNoEntry {text-align:center;color:#0000FF;}
/* ------------- */

/* Form search */

/* ------------- */


/* Calendar Style */
.calMonth {border:1px solid #D57500; }
.calWday {color:black; width:18px;}
.calWdaySe {color:D57500;width:18px;}
.calWdaySu {color:D57500; width:18px; font-weight:bold;}
.calMday {}
.calMdayA {font-weight:bold;border:1px solid #D57500; }
.calMdayIs {font-weight:bold;}
.calMdayIsA {border:1px solid #D57500;font-weight:bold;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#D57500;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#D57500;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#D57500;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#000000;}
/* -------------- */

/* Photo Thumbnail */
.photoTable {background:#FFFFFF; border:1px solid #BCBCBC;}
.photoTopCenter,.photoBottomCenter {height:4px}
/* --------------- */

/* Photo Style */
.photoNameTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#6E6E6E; padding: 0 0 0 19px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat ;}
.photoDetails {color:#6E6E6E;}
.photoHr {color:#BCBCBC;height:1px;border-top:1px;}
.photoAdvicer {border-left:1px solid #BCBCBC;}

.phtTable {width:100%;background:#F4F4F4;border:1px dotted #BCBCBC;}
.phtTd {width:40%;height:100px;background:#E8ECF5;pad ding:3px;border-right:1px dotted #BCBCBC;}
.phtDetailsTd {width:60%;padding:3px}
/* ----------- */



/* Poll styles */
.answer {font-size:8pt;}
.pollBut {}
.pollBody {padding:7px; margin:0px; background:#FFFFFF}
.textResults {background:#E5E5E5}
.textResultsTd {background:#FFFFFF}
.pollNow {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.pollNowTd {}
.totalVotesTable {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.totalVotesTd {background:#FFFFFF;}
/* ---------- */

/* Login Form */
.forRegTd {height:30px;}
.forRegLink {font-size:7pt;}
.loginError {color:#FF0000;}
.loginButton {}
.loginField {}
/* ---------- */

/* Photo Advice to Friend */
.advButton {border:1px solid #BCBCBC;background:#FFFFFF;width:150px}
/* ---------------------- */

/* FAQ styles */
.entryQuestion {padding-bottom:7px;padding-left:15px;font-size:7pt;}
/* ---------- */
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.group Moder:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.group Admin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.gro upVerify:hover {color:green;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#F8F9FA;height:100px;width:300px;b order:1px solid #787878;}
li.fastHelp {margin: 0; padding: 0 0 0 13px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 0px; margin-bottom: .6em;}
.noEntriesOnMain {text-align:justify;color:#0000FF;}
.funcBlock {padding-top:5px;}
.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */

.gTable {background:#D36F04}
.gTableTop {background:#FC8A03;color:#FFFFFF;font-weight:bold;height:23px;padding-left:17px;font-size:10pt; background: url('ffgg.gif');}

.gTableSubTop {background:#E0E0E0;color:#000000;height:20px; font-size:10px;background: url('gghh.gif');}

.gTableBody {background:#FAFAFA;}

.gTableBody1 {background:#FFFFFF;}

.gTableBottom {background:#FAFAFA;}

.gTableLeft {background-image: url('qqww.gif');font-weight:bold;color:#6E6E6E}

.gTableRight {background-image: url('qqww.gif');}


.gTableError {background:#FAFAFA;color:#FF0000;}
/* ------------------------ */


/* Forums Styles */
.forumNameTd,.forumLastPostTd {background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {background-image: url('qqww.gif');}
.forumLastPostTd,.forumArchive {font-size:7pt;}
a.catLink:link {text-decoration:none; color:#FFFFFF;}
a.catLink:visited {text-decoration:none; color:#FFFFFF;}
a.catLink:hover {text-decoration:underline; color:#FFFFFF;}
a.catLink:active {text-decoration:underline; color:#FFFFFF;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#858585;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#6E6E6E;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#6E6E6E;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#909090;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#6E6E6E;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#000000;}
a.forumBarA:visited {text-decoration:none; color:#000000;}
a.forumBarA:hover {text-decoration:none; color:#6E6E6E;}
a.forumBarA:active {text-decoration:underline; color:#6E6E6E;}
/* -------------------- */


/* forum Fast Navigation Blocks */
.fastNav{font-size:7pt;}
.fastSearch{}
.fastLoginForm {}
.delPostsSubmit{}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#DADADA;}
.fastNavCat {background:#EFEFEF;}
.fastNavCatA {background:#EFEFEF;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.switches {background:#000000;}
.pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;}
.switch {background:#FFFFFF;width:15px;font-size:7pt;}
.switchActive {background-image: url('xxxc.gif');font-weight:bold;color:#FFFFFF;width:15px}

a.switchDigit:link,a.switchBack:link,a.switchN ext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.s witchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switc hNext:hover {text-decoration:underline; color:#FF0000;}
a.switchDigit:active,a.switchBack:active,a.swi tchNext:active {text-decoration:underline; color:#FF0000;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {background:#FFFFFF}
.threadIcoTd,.threadIcoTd,.threadPostTd,.threa dViewTd {background:#F2F2F2}
.threadLastPostTd {font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {background:#F2F2F2;height:25px;font-weight:bold;font-size:7pt;color:#6E6E6E;padding-left:40px; }
.threadsDetails {background:#F2F2F2;height:25px;color:#6E6E6E; }
.forumOnlineBar {background:#F2F2F2;height:25px;color:#6E6E6E; }

a.threadPinnedLink:link {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;}
a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}

a.threadLink:link {text-decoration:none; color:#6E6E6E;}
a.threadLink:visited {text-decoration:none; color:#6E6E6E;}
a.threadLink:hover {text-decoration:underline; color:#000000;}
a.threadLink:active {text-decoration:underline; color:#000000;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* forum Posts View */
.postTable {}
.postPoll {background:#F1F2F3;text-align:center;}
.postFirst {background:#F8F9FA;border-bottom:3px solid #787878;}
.postRest1 {background:#F1F2F3;}
.postRest2 {background:#F8F9FA;}
.postSeparator {height:3px;background:#9498A0;}

.postTdTop{background:#E0E0E0;height:20px}

.postBottom {background:#E0E0E0;height:20px}

.postUser {font-weight:bold;}

.postTdInfo {text-align:center;padding:5px;background-image: url('qqww.gif');}

.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#787878;}
.posttdMessage {padding:5px;}

.pollQuestion {text-align:center;font-weight:bold;}
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#FFFFFF;font-size:9px;}
.quoteMessage {background:#FFFFFF;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
/* ------------------ */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */

.codeButtons {font-size:7pt;background:#F4F4F4;border:1px solid #BCBCBC;}

.codeCloseAll {font-size:7pt;background:#F4F4F4;border:1px dashed #6E6E6E;}

.postNameFl,.postDescrFl {background:FFFBF6;border:1px solid #D36F04;width:400px}

.postPollFl,.postQuestionFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px}
.postResultFl {background:#FCFCFC;border:1px solid #6E6E6E;width:50px}
.postAnswerFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px}



.postTextFl {background:FFFBF6;border:1px solid #D36F04; width:550px;height:150px;}

.postUserFl {background:FFFBF6;border:1px solid #D36F04;width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* ----------------- */

/* ====== forum End ====== */

input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
.small {font-size:8pt;}
h1{font-family:Arial,Sans-Serif;color:#D57500;font-size:13px;margin:0px 0px 0px 0px}
h2{font-family:Arial,Sans-Serif;color:#D57500;font-size:12px;margin:0px 0px 0px 0px}

a.noun:link {text-decoration:none; color:#D57500}
a.noun:active {text-decoration:none; color:#D57500}
a.noun:visited {text-decoration:none; color:#D57500}
a.noun:hover {text-decoration:underline; color:#000000}

hr {color:#BCBCBC;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#787878;font-size:12px;}

a.menu1:link {text-decoration:none; color:#D57500}
a.menu1:active {text-decoration:none; color:#D57500}
a.menu1:visited {text-decoration:none; color:#D57500}
a.menu1:hover {text-decoration:underline; color:#000000}
.menuTd {padding-left:12px;padding-right:10px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

/* Menus */
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('[Только зарегистрированные пользователи могут видеть ссылки.]') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

/* Main Menu */
.m {font-weight:normal;}