Стилизуем форум под стиль Вконтакте
Стилизуем форум под стиль Вконтакте
Вот вам код, просто и удобно, заменяем в таблице стилей свой этим от надписи forum Start и все готово, все картинки используются с серверов ucoz
Code
/* ===== forum Start ===== */ /* General forum Table View */ .gTable {background:#CCCCCC;} .gTableTop {padding:2px;background:#4f667c url() repeat-x 0 0;padding-left:20px;padding-bottom:1px;color:#FFFFFF;font-weight:bold; height:28px;font-size:10pt; } .gTableSubTop {padding:2px;background:#eaebed url() repeat-x 0 -59px;color:#000000;height:20px;font-size:10px;} .gTableBody {padding:2px;background:#FAFAFA;} .gTableBody1 {padding:2px;background:#FFFFFF;} .gTableBottom {padding:2px;background:#FAFAFA;} .gTableLeft {padding:2px;background:#F2F2F2;font-weight:bold;color:#6E6E6E} .gTableRight {padding:2px;background:#F8F9FA} .gTableError {padding:2px;background:#FAFAFA;color:#FF0000;} /* ------------------------ */ /* Forums Styles */ .forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF} .forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#F2F2F2} .forumLastPostTd,.forumArchive {padding:2px;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:#2867AE;} a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#2867AE;} a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#2867AE;} a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#2867AE;} /* -------------------- */ /* 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,.fastSearch,.fastLoginForm {font-size:7pt;} /* ---------------------------- */ /* forum Fast Navigation Menu */ .fastNavMain {background:#DADADA;} .fastNavCat {background:#EFEFEF;} .fastNavCatA {background:#EFEFEF;color:#0000FF} .fastNavForumA {color:#0000FF} /* -------------------------- */ /* forum Page switches */ .switches {background:#CCCCCC;} .pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;} .switch {background:#FFFFFF;width:15px;font-size:7pt;} .switchActive {background:#E0E0E0;font-weight:bold;color:#6E6E6E;width:15px} a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;} a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;} a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;} /* ------------------- */ /* forum Threads Style */ .threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF} .threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#F2F2F2} .threadLastPostTd {padding:2px;font-size:7pt;} .threadDescr {color:#858585;font-size:7pt;} .threadNoticeLink {font-weight:bold;} .threadsType {padding:2px;background:#AAAAAA;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; } .threadsDetails {padding:2px;background:#eaebed url(/newpuma/header_menu.png) repeat-x 0 -59px;height:20px;color:#6E6E6E;} .forumOnlineBar {padding:2px;background:#eaebed url(/newpuma/header_menu.png) repeat-x 0 -59px;height:20px;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 {border:1px solid #555555;} .postPoll {background:#F1F2F3;text-align:center;} .postFirst {background:#F8F9FA;} .postRest1 {background:#F1F2F3;} .postRest2 {background:#F8F9FA;} .postSeparator {height:0px;background:#000000;} .postTdTop {background:#eaebed url(/newpuma/header_menu.png) repeat-x 0 -59px;border-right:1px solid #ccc;} .postBottom {background:#eaebed url(/newpuma/header_menu.png) repeat-x 0 -59px;height:20px;border-right:1px solid #ccc;} .postUser {font-weight:bold;} .postTdInfo {text-align:center;padding:5px;background:#F2F2F2; border-right:1px solid #ccc;} .postRankName {margin-top:5px;} .postRankIco {margin-bottom:5px;margin-bottom:5px;} .reputation {margin-top:5px;} .signatureHr {margin-top:20px;color:#787878;} .posttdMessage {padding:5px;background:#FFFFFF;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .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('/.s/t/813/11.gif') no-repeat 0px 4px;} .newPollItem {padding: 0 0 0 8px; background: url('/.s/t/813/11.gif') no-repeat 0px 4px;} /* ----------------------- */ /* forum Post Form */ input {background: #fff; border: 1px solid #bcbcbc;} .codeButtons, .loginButton, .searchSbmFl, .pollBut, .commSbmFl {font-size:8pt;background:#eaebed url(/newpuma/header_menu.png) repeat-x 0 -59px;color: #000; border: 1px solid #ccc;} .codeCloseAll {font-size:8pt; background:#000;color: #fff; border: none;} .postNameFl,.postDescrFl {background:#FCFCFC;border:1px solid #6E6E6E;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:#FCFCFC;border:1px solid #6E6E6E;width:550px;height:150px} .postUserFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px} .pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;} .smilesPart {padding-top:5px;text-align:center} /* ----------------- */ /* ====== forum End ====== */
Автор\Источник: не указан или не известен!
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2731
| Комментарии: 3
| Рейтинг: 4.0 /5 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты для форума | Добавил: Stive
| Дата: 08.01.2011 | Скачали: 0 | Теги: форум , под , вконтакте , стиль , Стилизуем
Похожие новости на нашем сайте
Всего комментариев: 3
Порядок вывода комментариев:
По умолчанию
Сначала новые
Сначала старые