Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Дизайн: решение вопросов (редактирование шаблонов)
Дизайн: решение вопросов
Модератор форума
Сообщение # 1 | 16:24:33

Для пользователей не в первый раз слышащих об HTML. Тех кто не знает как вставить картинку или поменять фон, просим изучить сначала учебник - Учебник по Html для чайников. Оглавление или Для тех, кто делает сайты. Оглавление.



Правила темы


1) Если после редактирования шаблонов у вас возникли проблемы с дизайном, то вы должны четко и ясно описать возникшие проблемы. Описание проблемы !обязательно! должно сопровождаться ссылкой на сайт где присутствует проблема с дизайном (лучше всего на страницу, где присутствует проблема )

2) Если в описании проблемы с дизайном необходим скриншот, то скриншоты не должны по размерам превышать 500х500 пкс

3) Если в описании проблемы нужно выложить код проблемного участка шаблона, то код должен быть заключен в тег code



Тема имеет архив.
Данная тема имеет архив. Просмотреть архив.
Сoветник
Сообщений: 198
Репутация: 44
Уровень замечаний:

Сообщение # 1111 | 19:48:42
Подскажите как на сайте http://xtrub.ucoz.ru поменять цвет шрифта с синего на что нибудь по темнее? И ещё проблема там где статистика и календарь вообще нечего не видно помогите.



css

Код
@charset "utf-8";
img {
  border: none;
}
body {
  background: #333366 url(/images/5.jpg);
  margin: 0;
  padding: 0;
  text-align: center;
  color: #000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
}
html {
  height: 100%;
}
#welcome {
  height: 100%;
  vertical-align: middle;
}
#welcome .main {
  text-align: center;
}
#container {
  width: 1000px;
  background: #FFFFFF url(/images/main_bg.jpg) repeat-y;
  margin: 0 auto;
  text-align: left;
}
#header {
  background: url(/images/header.jpg) no-repeat center top;
  position: relative;
  height: 444px;
}
#header h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 571px;
  top: 45px;
}
#menu {
  float: left;
  width: 277px;
  position: relative;
}
#menu .inner {
  padding-top: 1px;
  margin-left: 37px;
  background: #945b28 url(/images/menu_bg.jpg) right;
  color: #FFF;
}
#menu .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 277px;
  height: 112px;
  background: url(/images/menu_top.jpg) no-repeat 0 0;
  z-index: 0;
}
#menu ul.menu {
  display: block;
  list-style-type: none;
  margin: 35px 0 60px 0;
  padding: 0;
  background: url(/images/menu_08.jpg) no-repeat bottom right;
  min-height: 500px;
  height: auto !important;
   
  font-size: 19px;
}
#menu ul.menu li {
  position: relative;
  z-index: 10;
  line-height: 37px;
  margin: 0;
  padding: 0 40px 0 45px;
}
#menu ul.menu a {
  text-decoration: none;
  color: #FFF;
  font-weight: normal;
  letter-spacing:-1px;
  font-size:0.9em;
}
#menu ul.menu a:hover{
  text-decoration:underline;
}
#menu ul.menu li a.active{
  color: #fdb851;
}
#mainContent {
  margin: 0 0 0 277px;
  padding: 30px 75px 0 15px;
  background: url(/images/main_top.jpg) no-repeat 0 0;
  position: relative;
  z-index: 10;
}
#mainContent h1, #mainContent h2, #mainContent h3 {
  color: #8e410e;
  font-size: 1.3em;
  font-weight:bold;
  text-align: center;
  padding: 0 10px;
  margin: 20px 0;
}
#mainContent .h_first{
  text-align:right;
}
#mainContent h2{
  font-size: 1.1em;
}
#mainContent h3{
  font-size: 1.0em;
}
#footer {
  padding: 120px 0 0 0;
  background: url(/images/pride_10.jpg) no-repeat 0 0;
  height: 406px;
  position: relative;
  margin-top: -50px;
  color: #cfc4b1;
}
#footer a {
  color:#cfc4b1;
}
#footer .counters {
  text-align: right;
  margin-right: 85px;
  margin-top: 50px;
}
#footer .counters a img {
  margin: 0 5px;
  filter: alpha(opacity=50); /* IE 5.5+*/
  -moz-opacity: 0.5; /* Mozilla 1.6 and bellow */
  -khtml-opacity: 0.5; /* Konqueror 3.1+, Safari 1.1 */
  opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
#footer .copyright {
  margin-right: 90px;
  margin-top: 15px;
  text-align: right;
  font-size: 10px;
}
#mainContent p, #footer p {
  font-family:Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding: 10px;
  font-size:1.1em;
  line-height:1.4em;
}
.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

.uMenuH li {float:left;padding: 0 5px;}

.uMenuV, .uMenuV ul {margin: 0 0 0 10px;padding: 0;}
.uMenuV li {margin: 0 0 7px 0;list-style: none;}
.uMenuV .uMenuItem {}
.uMenuV li a {font: 12px 'Verdana';color: #304f52;text-decoration: none;}
.uMenuV li a:hover, .uMenuV .uMenuItemA {color: #854424;}

.uMenuV .uMenuItemA {}
.uMenuV a.uMenuItemA:link {}
.uMenuV a.uMenuItemA:visited {}
.uMenuV a.uMenuItemA:hover {}
.uMenuV .uMenuArrow {}

/* Entries Style */
.eBlock {}
.eTitle {padding: 0 22px;font: bold 12px/22px 'Arial';color: #6c5d52;background: url(/.s/t/786/26.png);border-radius: 8px;box-shadow: inset 0 1px 2px #9c8875;}
.eTitle a {color: #6c5d52;text-decoration: none;}
.eTitle a:hover {color: #000;}

.eMessage, .eText {text-align: justify !important;padding: 5px 0 !important;}
.eMessage a, .eText a {}
.eMessage img, .eText img {}
.eDetails, .eDetails1, .eDetails2 {padding: 10px 5px 0 5px;background: url(/.s/t/786/27.png) repeat-x;color: #8e867b;font: 11px 'Arial';}
.eDetails a, .eDetails1 a, .eDetails2 a {color: #8e867b;text-decoration: none;background: url(/.s/t/786/28.png);padding: 5px;border-radius: 8px;}
.eDetails a:hover, .eDetails1 a:hover, .eDetails2 a:hover {color: #000;}
.eDetails div, .eDetails1 div, .eDetails2 div {font-size: 10px;font-family: 'Times New Roman';}
.eDetails div a, .eDetails1 div a, .eDetails2 div a {background: none;}
.eDetails {}
.eDetails1 {}
.eDetails2 {}

.eRating {}
.eAttach {}
/* ------------- */

/* ===== forum Start ===== */
/* General forum Table View */
.forumContent, .forumContent td {font-size: 10px;color: #6c5d52;}
.forumContent a, .forumContent td a {color: #18191b;}
.gTable {background: none;border-spacing: 2px;}
.gTable td {background: url(/.s/t/786/29.jpg);color: #6c5d52;padding: 5px 7px;font-size: 11px;font-style: normal;}
.forumContent .gTable td {background: url(/.s/t/786/30.png);}
.gTable td a {color: #6c5d52;}
.forumContent td.gTableTop {font: 12px/20px 'Verdana';background: url(/.s/t/786/31.png);box-shadow: inset 1px 1px 1px #807e7e;text-transform: uppercase;color: #6c5d52 !important;padding: 0 20px 0 50px;}
td.gTableTop a {font: 12px/20px 'Verdana';color: #6c5d52;text-decoration: none;}
td.gTableTop a:hover {text-decoration: underline;}
.forumContent td.gTableSubTop, .forumContent td.postTdTop {background: url(/.s/t/786/32.png);font: 10px/20px 'Verdana';color: #6c5d52;padding: 0 10px;}
td.gTableSubTop a, td.postTdTop a {color: #6c5d52;}
.gTableBody {}
.gTableBody1 {}
.gTableBottom {}
.gTableLeft {}
.gTableRight {}
.gTableError {}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {}
.forumIcoTd,.forumThreadTd,.forumPostTd {}
.forumLastPostTd,.forumArchive {}

a.catLink:link {}
a.catLink:visited {}
a.catLink:hover {}
a.catLink:active {}

.lastPostGuest,.lastPostUser,.threadAuthor {}
.archivedForum{}
/* ------------- */

/* forum Titles & other */
.forum {font-weight: bold;}
.forumDescr,.forumModer {font-size: 10px;}
.forumViewed {}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {}
.forumBarKw {}
a.forumBarA:link {}
a.forumBarA:visited {}
a.forumBarA:hover {}
a.forumBarA:active {}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {}
.fastNavCat {}
.fastNavCatA {}
.fastNavForumA {}
/* -------------------------- */

/* forum Page switches */
.switches {}
td.pagesInfo, td.switch, td.switchActive {background: #ffffff; padding-left: 5px; padding-right: 5px;}
td.switch, td.switchActive { background: url(/.s/t/786/31.png); color: #6c5d52;}
td.switch a {color: #6c5d52;}
.switch {}
.switchActive {}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {}
/* ------------------- */

/* forum Threads Style */
.threadLink {font-weight: bold;}
.threadNametd,.threadAuthTd,.threadLastPostTd {}
.threadIcoTd,.threadPostTd,.threadViewTd {}
.threadLastPostTd {}
.threadDescr {}
.threadNoticeLink {}
.threadsType {}
.threadsDetails {}
.forumOnlineBar {}

a.threadPinnedLink:link {}
a.threadPinnedLink:visited {}
a.threadPinnedLink:hover {}
a.threadPinnedLink:active {}

a.threadLink:link {}
a.threadLink:visited {}
a.threadLink:hover {}
a.threadLink:active {}

.postpSwithces {}
.thDescr {}
.threadFrmBlock {}
/* ------------------- */

/* forum Posts View */
.postTable {}
.postPoll {}
.postPoll td {border: 0 !important;}
.postFirst {border: 0 !important;}
.postRest1 {border: 0 !important;}
.postRest2 {border: 0 !important;}
.postSeparator {}

.postTdTop {}
.postBottom {}
.postBottom td {border: 0;padding: 0 5px !important;}
.postBottom img {vertical-align: middle;}
.postUser {}
.postTdInfo {text-align: center;}
.postRankName {}
.postRankIco {}
.reputation {}
.signatureHr {}
.posttdMessage {text-align: justify;padding: 8px !important;line-height: 18px;}

.pollQuestion {}
.pollButtons,.pollTotal {}
.pollSubmitBut,.pollreSultsBut {}
.pollSubmit {}
.pollEnd {}

.codeMessage {}
.quoteMessage {}

.signatureView {}
.edited {}
.editedBy {}

.statusBlock {}
.statusOnline {}
.statusOffline {}
/* ------------------ */

/* forum AllInOne Fast Add */
.newThreadBlock {}
.newPollBlock {}
.newThreadItem {}
.newPollItem {}
/* ----------------------- */

/* forum Post Form */
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {}

.codeButtons {}
.codeCloseAll {}
.postNameFl,.postDescrFl {}
.postPollFl,.postQuestionFl {}
.postResultFl {}
.postAnswerFl {}
.postTextFl {}
.postUserFl {}

.pollHelp {}
.smilesPart td {border: 0 !important;}
/* ----------------- */
/* ====== forum End ====== */
Прикрепления: 7297260.png (12.3 Kb)

Боишься не делай делаешь не бойся а сделал не сожалей.
serganoff
Сообщений: 28
Репутация: 0

Сообщение # 1112 | 19:58:39
Sentimo, сделал скриншот
Прикрепления: 0269630.jpg (100.2 Kb)
tvrem
Сообщений: 112
Репутация: 48

Сообщение # 1113 | 20:02:19
serganoff, я ж вас просил дать не только код нижней части сайта, но и шаблона "страницы сайта", имеено в последнем скорее всего вы ещё раз поставили лишний копирайт

Добавлено (03 Дек 2014, 20:02:19)
---------------------------------------------
cat555, ищите дивы и классы, которыми это всё описано, через инспектирование элемента, а потом - их нужно найти в таблице SCC

Сообщение отредактировал tvrem - Среда, 03 Дек 2014, 19:59:34
Сoветник
Сообщений: 198
Репутация: 44
Уровень замечаний:

Сообщение # 1114 | 20:05:55
Цитата tvrem ()
cat555, ищите дивы и классы, которыми это всё описано, через инспектирование элемента, а потом - их нужно найти в таблице SCC



Блин ещё бы разбираться в этом.

Боишься не делай делаешь не бойся а сделал не сожалей.
Люциф
Сообщений: 4
Репутация: 0

Сообщение # 1115 | 20:44:14
Добрый вечер. Столкнулась с проблемой: Использовала один дизайн для двух сайтов (тестовый сайт и основной). На тестовом всё работает шикарно, на основном - ни одно изображение не открывается. Файлы переносила в аналогичные места, код одинаковый тоже... в чём может быть проблема?
Код, где используются нужные изображения. З.ы ссылку на сайт, думаю, давать не надо, так как он закрыт от постороннего просмотра на тех.ремонт

Код
body {background:url('/img/telo.png') center repeat-y #000000; margin:0px; padding:0px;}
#pf {height:66px; background:url('/img/head.png') top center no-repeat; padding-top:0px; }
#s2 {height:332px; background:url('/img/verh.png') top center no-repeat;padding-top:331px; }
#s3 {height:392px; background:url('img/seredina.png') top center no-repeat;padding-top:5px; }
#fn {height:218px; background:url('img/fn1.gif') center no-repeat;padding-top:0px; }
#fv {height:624px; background:url('img/fv1.gif') top center no-repeat;padding-top:0px; }
#footer {height:175px;background:url('img/nisz.png') center no-repeat ;color:#ffffff;}
#n1 {height:78px; background:url('img/n-1.png') top center no-repeat;padding-top:0px; }
#n2 {background:url('img/n-2.png') top center repeat-y;padding-top:0px; }
#n3 {height:65px; background:url('img/n-3.png') top center no-repeat;padding-top:0px; }
#content {width:1000px;margin-left:auto;margin-right:auto;}

Добавлено (03 Дек 2014, 20:44:14)
---------------------------------------------

Цитата Люциф ()
Добрый вечер. Столкнулась с проблемой: Использовала один дизайн для двух сайтов (тестовый сайт и основной). На тестовом всё работает шикарно, на основном - ни одно изображение не открывается. Файлы переносила в аналогичные места, код одинаковый тоже... в чём может быть проблема? Код, где используются нужные изображения. З.ы ссылку на сайт, думаю, давать не надо, так как он закрыт от постороннего просмотра на тех.ремонт

Не тот код скопировала, извините, вот верно:


Код
body {background:url('/img/telo.png') center repeat-y #000000; margin:0px; padding:0px;}
#pf {height:66px; background:url('/img/head.png') top center no-repeat; padding-top:0px; }
#s2 {height:332px; background:url('/img/verh.png') top center no-repeat;padding-top:331px; }
#s3 {height:392px; background:url('/img/seredina.png') top center no-repeat;padding-top:5px; }
#fn {height:218px; background:url('/img/fn1.gif') center no-repeat;padding-top:0px; }
#fv {height:624px; background:url('/img/fv1.gif') top center no-repeat;padding-top:0px; }
#footer {height:175px;background:url('/img/nisz.png') center no-repeat ;color:#ffffff;}
#n1 {height:78px; background:url('/img/n-1.png') top center no-repeat;padding-top:0px; }
#n2 {background:url('/img/n-2.png') top center repeat-y;padding-top:0px; }
#n3 {height:65px; background:url(/'img/n-3.png') top center no-repeat;padding-top:0px; }
#content {width:1000px;margin-left:auto;margin-right:auto;}
serganoff
Сообщений: 28
Репутация: 0

Сообщение # 1116 | 21:04:01
tvrem, 
Код
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body style="background: #000000; margin:0px; padding:0px;">
$ADMIN_BAR$
<table width="809" align="center" border="3" bordercolor="#A9A9A9" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="centerColumn" valign="top">
$GLOBAL_AHEADER$
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding: 10px;"><tr><td align="center">
<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="200">

$GLOBAL_CLEFTER$

</td>

<td valign="top" style="padding:0px 10px 0px 10px;">
<table border="0" cellpadding="10" cellspacing="0" width="100%" style="border:1px solid #DCDADA;"><tr><td style="background:#FFFFFF;"><!-- <body> -->$CONTENT$<!-- </body> --></td></tr></table>
</td>

<td valign="top" width="200">
$GLOBAL_DRIGHTER$
</td>
</tr>
</table>
<!-- </middle> -->

</td></tr></table>

$GLOBAL_BFOOTER$
$POWERED_BY$
</body>

</html>
Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 1117 | 21:15:53
serganoff, Красное удали, дай код глобального блока "нижняя часть сайта" </td></tr></table>

$GLOBAL_BFOOTER$
$POWERED_BY$
</body>

</html>

Добавлено (03 Дек 2014, 21:15:53)
---------------------------------------------

Цитата Люциф ()
З.ы ссылку на сайт, думаю, давать не надо,
Надо, если хотите решить проблему, а так можете и не давать.
serganoff
Сообщений: 28
Репутация: 0

Сообщение # 1118 | 21:17:01
Sentimo, 
Код
<BR>
<TABLE style="BORDER-RIGHT: rgb(143,141,141) 1px solid; BORDER-TOP: rgb(143,141,141) 1px solid; BORDER-LEFT: rgb(143,141,141) 1px solid; BORDER-BOTTOM: rgb(143,141,141) 1px solid" cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD style="BACKGROUND: rgb(163,162,162)" align=middle><!-- <copy> -->Copyright MyCorp © $YEAR$<BR><!-- </copy> --><STRONG>В дизайне сайта использованы материалы с  </STRONG><A href="http://wallpaperdj.com/view-crazy_music-1280x800.html"><STRONG><SPAN style="COLOR: #ffffff">Wallpaper.com</SPAN></STRONG></A><SPAN style="COLOR: #ffffff"><STRONG></STRONG><BR>
</TD></TR>
<TD style="BACKGROUND: rgb(163,162,162)" align=middle>$POWERED_BY$</TD></TR></TBODY></TABLE>
Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 1119 | 21:52:45
serganoff, Ок, а сейчас, что видим? кэш не забываем...
Люциф
Сообщений: 4
Репутация: 0

Сообщение # 1120 | 21:54:53
Цитата Sentimo ()
Надо, если хотите решить проблему, а так можете и не давать.
Хорошо, вот http://farradey.ucoz.com/ рабочий сайт, http://unknowns.ucoz.com/ вот не рабочий
serganoff
Сообщений: 28
Репутация: 0

Сообщение # 1121 | 21:58:21
Sentimo, я конечно извиняюсь за настойчивость, но у меня вопрос код "$MYINF_13" за что он отвечает? Он как я пониманию выводит информацию из модулей на глобальные блоки. Разъясните пожалуйста.
Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 1122 | 22:07:04
Люциф, Что это? <link type="text/css" rel="StyleSheet" href="/my.txt" />
serganoff, Это информер, смотрим настройки информера.
Люциф
Сообщений: 4
Репутация: 0

Сообщение # 1123 | 22:11:46
Цитата Sentimo ()
Люциф, Что это? <link type="text/css" rel="StyleSheet" href="/my.txt" />
Это внешняя таблица стиля - без этой функции отказывается работать корректно и рабочий сайт =_=
Sentimo
Сообщений: 681
Репутация: 158

Сообщение # 1124 | 22:17:38
Люциф, Расширение внешней таблицы должно быть .css ладно, удалите из общих настроек значение тега doctype <!DOCTYPE html>но будте готовы к неприятностям, графическим и не только... smile
Люциф
Сообщений: 4
Репутация: 0

Сообщение # 1125 | 22:31:35
Цитата Sentimo ()
<!DOCTYPE html>но будте готовы к неприятностям, графическим и не только...
Спасибо, но возникла проблема - в коде не рабочего сайта <!DOCTYPE html> нет, хотя оно и высвечивается при просмотре кода страницы... где его искать тогда?

Добавлено (03 Дек 2014, 22:31:35)
---------------------------------------------

Цитата Sentimo ()
<!DOCTYPE html>
Огромное спасибо, нашла, исправила!
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Дизайн: решение вопросов (редактирование шаблонов)
Поиск: