Скрипты и коды для юкоз

Страница 1 из 1
1

Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » Kyocho [8]

Результаты поиска

[1 | Тема: Отдельный дизайн темы форума. Как сделать?] Kyocho [10.12.2012, 07:30]

Доброго времени суток, товарищи.
Простите если написал не туда - утро, думается плохо ))

Так вот, вопрос:
Видел несколько раз, что люди делали с помощью(как я понимаю) html и css отдельный дизайн для конкретной темы на форуме. Вот хотелось-бы знать как это делать? и если можно маленький примерчик. Буду крайне благодарен. В и-нете инфы не нашел.

[2 | Тема: Прочее по теме «шаблоны» ... «У меня не получается ........»] Kyocho [10.12.2012, 11:02]

Добрый день, товарищи. Как я понимаю - специально выделенная тема для вопросов о шаблонах. Так вот, установил шаблон, но мне не нравиться ширина форума - хотел-бы сделать его чуть-чуть шире, но при этом что-бы и шапка и весь форум расширились и находились так-же по центру. Пробовал сам химичить, но постоянно "уезжает" форум без возможности исправить.

Вот style.css

Code

@charset "utf-8";

/*--- reset ---*/

header,nav,article,aside,footer{display:block;overflow:hidden}
html,body{width:100%;height:100%;margin:0;padding:0}
textarea,input{outline:none;resize:none}
img,a img{border:none;outline:none}
ul,li{margin:0;padding:0}
hr{height:1px;width:100%;color:#d4d4d4;background:#d4d4d4;border:none}

/*--- main ---*/

a, a:link, a:visited, a:active {
  color: #00a6df;
  text-decoration: none;
}
a:hover {
  color: #00a6df;
  text-decoration: underline;
}
h1 a {
  color: #323232 !important;
}
h1 a:hover {
  text-decoration: none;
  color: #00a6df !important;
}
body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 22px;
  background: #fff url('/img/bg.gif') left top repeat;
  color: #323232;
}
#container {
  overflow: hidden;
  background: url('/img/wrapper.png') left top repeat-x;
}
#wrap {
  width: 1000px;
  overflow: hidden;
  margin: 0 auto;
}

/* header */

#top {
  overflow: hidden;
  height: 43px;
}
header nav {
  float: left;
}
header nav ul {
  list-style: none;
}
header nav ul li {
  float: left;
}
header nav ul li a {
  display: block;
  float: left;
  height: 41px;
  line-height: 41px;
  margin: 1px;
  padding: 0 25px;
  color: #e7e7e7 !important;
}
header nav ul li a:hover, header nav ul li a.uMenuItemA {
  background: url('/img/li.gif') left top repeat-x;
  border: 1px solid #0589c0;
  margin: 0 !important;
  color: #fff !important;
  text-decoration: none;
}
header form {
  float: right;
  width: 219px;
  height: 30px;
  background: url('/img/search.png') left top no-repeat;
  margin-top: 8px;
}
header form input[type="text"] {
  line-height: 27px;
  height: 27px;
  padding: 0 10px;
  width: 199px;
  background: none;
  border: none;
  color: #323232;
}
#logo_and_follow {
  overflow: hidden;
  height: 91px;
  padding-top: 50px;
}
#logo {
  float: left;
}
#logo h1 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 36px;
  color: #323232;
  line-height: 36px;
  text-transform: uppercase;
}
#logo h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  color: #323232;
  line-height: 13px;
}
#icons {
  float: right;
  padding-top: 5px;
}
#icons span {
  display: inline-block;
  vertical-align: top;
  padding: 3px 5px 0 0;
  *display: inline;
  zoom: 1;
}

/* image */

#photo {
  overflow: hidden;
  height: 390px;
  padding-bottom: 50px;
  *padding-bottom: 47px;
  background: url('/img/photo.png') center bottom no-repeat;
}
#photo img {
  border: 1px solid #b3b3b3;
}
#photo_info {
  background: url('/img/photo_info.png') repeat;
  padding: 25px;
  width: 948px;
  position: absolute;
  margin-top: 280px;
  margin-left: 1px;
  color: #fff;
}
#photo_info h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
}

/* content */

#middle {
  overflow: hidden;
}
#content {
  float: left;
  width: 715px;
}
article {
  padding-bottom: 30px;
  background: url('/img/post.png') center bottom no-repeat;
}
.post {
  padding: 25px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d4d4d4;
}
.post header {
  padding-bottom: 23px;
  margin-bottom: 23px;
  border-bottom: 1px solid #d4d4d4;
}
.post header h1 {
  display: block;
  float: left;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.rate {
  float: right;
}
.details {
  margin-top: 23px;
  padding-top: 23px;
  border-top: 1px solid #d4d4d4;
  overflow: hidden;
}
.details span, .details a {
  color: #00a6df;
}
.details a:hover {
  text-decoration: underline;
}
.d_main {
  float: left;
  background: url('/img/details.gif') left center no-repeat;
  padding-left: 25px;
}
.comm {
  float: right;
}

/* sidebar */

aside li {
  list-style-type: none;
}
aside {
  float: right;
  width: 255px;
}
aside h3 {
  margin: 0;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
  background: url('/img/block_title.png') left top no-repeat;
}
.block_content {
  padding-bottom: 20px;
  background: url('/img/block.png') center bottom no-repeat;
}
.bc_it {
  padding: 15px;
  background: #fff;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

/* footer */

footer {
  padding: 40px 0;
  margin-top: 30px;
  border-top: 1px solid #d4d4d4;
}
span.mycopy {
  float: left;
}
span.powered {
  float: right;
}

/* other */

input[type="button"], input[type="submit"], .calMdayIs, .calMdayIsA, .calWdaySu, .calWdaySe {
  height: 26px;
  background: #008fcb url('/img/but.png') top center no-repeat;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #1cc7ff;
  box-shadow: #0589c0 0 0 0 1px;
  border-radius: 3px;
  line-height: 26px;
}
.calTable {
  width: 100%;
}
.calMdayIs, .calMdayIsA, .calWdaySu, .calWdaySe {
  padding: 0 !important;
  line-height: 25px !important;
}
.calMdayIs a, .calMdayIsA a {
  color: #fff;
}
.calMonth, .calWdaySu, .calWdaySe, .calWday {
  text-transform: uppercase;
}
.commFl {
  width: 100%;
  *width: 98%;
}
.commTable {
  width: 99%;
  *width: 98%;
}

/* General forum Table View */

.gTable {background:#2b2b2b;}

.gTableTop {padding:2px;background:#2b2b2b;padding-left:20px;padding-bottom:1px;color:#FFFFFF;font-weight:bold; height:28px;font-size:13px; }

.gTableSubTop {padding:2px;background:#efeded;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:#fafafa;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:#fafafa}
.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:#000000;}
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,.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:#fafafa}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#AAAAAAheight:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; }
.threadsDetails {padding:2px;background:#AAAAAAheight:20px;color:#6E6E6E;}
.forumOnlineBar {padding:2px;background:#AAAAAAheight: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 {}
.postPoll {background:#F1F2F3;text-align:center;}
.postFirst {background:#F8F9FA;}
.postRest1 {background:#F1F2F3;}
.postRest2 {background:#F8F9FA;}
.postSeparator {background:none;}
.postTdTop {background:#efeded;}
.postBottom {background:#E0E0E0;height:20px}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;background:#fafafa;}
.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;}
.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;}

/* forum Post Form */

.codeButtons {font-size:7pt;background:#FCFCFC;border:1px solid #6E6E6E;}
.codeCloseAll {font-size:7pt; color:#6E6E6E;font-weight:bold;background:#FCFCFC;border:1px solid #6E6E6E;}
.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;height:150px;width:99% !important;}
.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}
#frM55 a {color:#fff !important;}

Сообщение отредактировал Kyocho - Понедельник, 10.12.2012, 11:04

[3 | Тема: Отдельный дизайн темы форума. Как сделать?] Kyocho [10.12.2012, 13:59]

Спасибо. Вроде как разобрался... Но проблема в том, что оно заменяет на всех страницах форума почему-то, даже на основной. Я просто скопировал ваш код и вставил в общий вид форума. Что не так?

Добавлено (10.12.2012, 13:59)
---------------------------------------------
Приведите пример пожалуйста файла _forum_56.css

Сообщение отредактировал Kyocho - Понедельник, 10.12.2012, 12:00

[4 | Тема: Отдельный дизайн темы форума. Как сделать?] Kyocho [10.12.2012, 14:30]

Вот, теперь все работает ))) огромное вам спасибо )))

ах да, когда пробую на фон поставить изображение(картинка) с no-repeat; то оно только в углу. Как правильно задать размеры?

[5 | Тема: Отдельный дизайн темы форума. Как сделать?] Kyocho [10.12.2012, 14:37]

Еще раз огромное вам спасибо))

[6 | Тема: Работа с плеером] Kyocho [11.12.2012, 01:35]

На сайте собираюсь создать мини-видеотеку с аниме, заливать серии некуда, да и геморно крайне это все. Товарищи, подскажите как-бы так сделать, что-бы код плеера с видеохранилища типа _http://www.myvi.ru/
(пример)

Code

я мог разместить у себя на сайте в "Каталоге статей" но со своим каркасом что-ли?
Проблема в том, что если размещать в одной статье весь сезон, то они идут отдельными плеерами друг за другом, каждая серия. А я хотел-бы сделать что-бы плеер был один и внизу был плейлист на котором переключение между сериями. Как-то так ) Спасибо )

[7 | Тема: Работа с плеером] Kyocho [11.12.2012, 02:30]

Спасибо конечно. Но кажется это не совсем то, что мне нужно. Мне-бы конкретно сам каркас. Что-то вроде таблицы с кнопками(желательно справа или снизу) в которых будет название и при нажатии в окне(к примеру слева) будет включаться та серия, которую я вставил. Пробывал с uppod, все вышло. Но не знаю как доставать прямую ссылку на видео(допустим с myvi.ru)... Что можете посоветовать?

[8 | Тема: Работа с плеером] Kyocho [11.12.2012, 05:53]

Спасибо. Буду разбираться.

Страница 1 из 1
1