Кодировка HTML | Демо-сайт CMS uCoz | Почта

Колонка любых вопросов для новичков!

Здесь задаём вопросы и получаем ответы по системе uCoz!
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!

Re: Колонка любых вопросов для новичков!

Сообщение Roma2Duo » 21 фев 2009, 12:29

Да...

Вопрос:
Как изменить цвет текста, заключенного в div? Изменять надо в css.
Мой дом - Станция 13
Изображение
Аватара пользователя
Roma2Duo
Сержант
Сержант
 
Сообщения: 58
Зарегистрирован: 09 фев 2009, 12:00
Карма: + 0 -

Re: Колонка любых вопросов для новичков!

Сообщение kalanixa » 21 фев 2009, 15:23

Youzer писал(а):
kalanixa писал(а):Прошу помощи у людей с хорошим знанием CSS. Проблема такая, в опере и хроме дизайн отображается правильно по центру, а вот в ИЕ отображается слева, а не по центру, что вы можете посоветовать???

в таких случаях для ИЕ обычно дублируют стиль и перед нм прописывают: html

например:
.mysuperclass {...........}
html .mysuperclass {............}

и в нем свойства конкретно для ИЕ (другие браузеры это проигнорируют)


Смотри вот мой css, мож показать как правильно, а то я не вдуплил.

Код: Выделить всё
/*******************************/
/* style.css  */
/*******************************/
body { margin:15px 0; padding:0; font-family:Tahoma, Helvetica, sans-serif; font-size: 12px; color:#444; background:#111 url(../images/bbgq.gif) top repeat;}
img {border:0;}
ul {margin:0; padding:0;}
li {list-style:none; line-height:18px; margin:0;}
a {color:#555;}
a:hover{color:#000; text-decoration:none;}
a:focus{outline:none;}
.clear{line-height:0px; clear:both;}

/*head*/
.head {align:center; background:url(../images/img_03.gif) top no-repeat; height:94px;}
.logoclick {position:absolute; margin:35px 0 0 5px;}
.hlinks {position:absolute; margin:10px 0 0 10px; color:#676767;}
.hlinks a, .loginlinks a {color:#676767; text-decoration:none;}
.hlinks a:hover, .loginlinks a:hover {border-bottom:1px solid #777; color:#bbb;}
.loginlinks {position:absolute; margin:10px 0 0 345px; color:#bbb; width:300px; text-align:right;}.loginlinks a{color:#bbb;}
.hsearch {position:absolute; margin:7px 0 0 670px; color:#bbb; text-align:right;}.hsearch a{color:#bbb;}
.srchinp {background:none; border:none; font-size:12px; width:195px;}
.srchbutton {background:none; border:none; width:25px;}

/*menu*/
#hmenu{position:absolute; z-index:3; margin:48px 0 0 280px; padding:0 3px; background:#000 url(../images/hmenu.gif) top no-repeat; height:34px; width:598px;} #hmenu li{float:left; display:inline; list-style:none; position:relative; padding:6px 0; margin:0;} ul #hmenu ul {margin:0; border:0; padding:0; width:220px; list-style:none; display:none; position:absolute; font-size:12px; left:-20px; top:26px;}ul #hmenu ul li {float:none; display:block; height:20px; line-height:18px; margin:0; padding:2px 0; border:1px solid #222; background:#777 url(../images/mgb_02.gif) top repeat-x;} ul #hmenu a {padding:6px 20px; color:#fff; text-decoration:none;}ul #hmenu a:hover{background:url(../images/mgb_02.gif) top repeat-x;}ul#hmenu li:hover li a, ul #hmenu li.iehover li a {font-size:11px; padding:5px 15px;margin:0; color: #eee; line-height:18px;}ul#hmenu li:hover li a:hover, ul #hmenu li:hover li:hover a, ul #hmenu li.iehover li a:hover, ul#hmenu li.iehover li.iehover a {color: #ccc;}ul #hmenu li:hover ul ul, ul #hmenu li:hover ul ul ul, ul #hmenu li.iehover ul ul, ul #hmenu li.iehover ul ul ul {display: none;}ul #hmenu li:hover ul, ul #hmenu ul li:hover ul, ul#hmenu ul ul li:hover ul, ul #hmenu li.iehover ul, ul #hmenu ul li.iehover ul, ul #hmenu ul ul li.iehover ul {display: inline;}

/*body*/
.contener { width:898px; margin:10px auto 0;}
.body {background:#fff url(../images/img_05.gif) top repeat-y;}
.menu{float:left; width:256px; margin:0; padding:0 0 0 15px;}
.content{float:right; width:604px; margin:0; padding:0 14px 0 0;}
.footer1{background:url(../images/footer_02.gif) top no-repeat; height:5px; line-height:5px;}
.footer2{background:#777 url(../images/footer_04.gif) top repeat; padding:10px 15px 5px 15px; color:#ccc;}.footer2 a{color:#bbb;}
.footer3{background:url(../images/footer_06.gif) top no-repeat; height:18px;}

/*loginform*/
#loginform{overflow:hidden; z-index:99; display:none; padding:20px; position:absolute; top:40px; left:45%; background:#222 url(../images/login.gif) top no-repeat; width:210px; height:127px; line-height:20px; color:#eee;}
#loginform a{color:#fff;}
.logintitle{font-size:14px; margin:0 0 10px 0; font-weight:bolder;}
.loginbg{background:#fff url(../images/hbbg.gif) repeat-x;padding:15px; line-height:20px;}
.logininph{font-size:16px; color:#333; font-weight:bolder; border-bottom:1px solid #ddd;}
.logininp{width:180px; height:16px; border:1px solid #ccc; background: #fff; color:#555; padding:1px 5px; margin:3px; font-size:12px;}


/*h1 & .mh1*/
h1, h2, .neh1, .mh1{font-size:12px; color:#555; border-bottom:1px solid #ccc;}
h1, h2{margin:0 0 -15px 0; padding:5px 5px 5px 7px; background:#000 url(../images/hmenu.gif) top no-repeat; height:20px; color:#fff;}
h1 a, h2 a{color:#fff;}
h1 a:hover, h2 a:hover{color:#ccc; border-bottom:1px solid #777;}
.neh1, .mh1{margin:15px 0 -8px 0; padding:4px 7px 5px 7px; font-size:12px; background:#777 url(../images/hmenu.gif) left top repeat-x; color:#fff;}

/* news&menu */
.mh1bg{margin:15px 0 0 0;}
.c2bg{padding:5px 10px; border-top:1px solid #ccc;}
.h1bg{border-bottom:1px solid #999;margin:15px 0 0 0;}
.blockbg{padding:10px; margin:10px 0 20px 0; border:1px solid #ccc;}
.blockbg a{color:#000;}
.nback{padding:0 0 5px 0; margin:15px 0 20px 0;line-height:18px; border:1px solid #ccc;}
.newsstory{padding:7px;}
.podh{padding:0 5px; font-size:10px; line-height:16px; margin:-3px 0 5px 0; font-size:11px;}
.rmb{text-align:right; border-top:1px solid #ddd; padding:2px 5px 0 5px; margin:2px 0 0 0;}
.speedbar{margin:0 0 0 10px;}
.speedbar a{text-decoration:none; border-bottom:1px dashed #777;}
.speedbar a:hover{text-decoration:none; border-bottom:1px solid #777;}

/* ????? */
.bbcodes, .bbcodes_poll{font-family:Arial, Helvetica, sans-serif;border:1px solid #777; padding:2px;font-size:11px;border:1px solid #aaa;background:#777 url(../images/mgb_02.gif) left top repeat-x;}.bbcodes:hover, .bbcodes_poll:hover{background:#555 url(../images/mgb_02.gif) left bottom repeat-x; border:1px solid #999; color:#eee;}.f_textarea:focus, .f_input:focus, .f_select:focus{color:#000; border-color:#777;}.bbcodes, .bbcodes_poll{padding:1px 7px; color:#fff; margin:2px 2px 0 0;}.f_textarea, .f_input, .f_select{color: #555;font-size: 11px;font-family: tahoma;background:#fcfcfc;border: 1px solid #ccc;}.f_textarea{width: 459px;height: 156px;}.f_input{width: 300px;height: 14px;}.f_select{height: 14px;}

/* ??????????? */
.com {margin:10px 0 0 0; padding:0;background:#fff;  border:1px solid #ccc;}
.commenttext{padding:10px;}
.com p { font-size:11px; line-height:12px;}
.comdate{margin:0; padding:4px 7px; font-size:11px; color:#555; border-bottom:1px solid #ddd;}
.author {padding:7px; border-right:1px solid #ccc; font-size:10px;}
.mcomtext{font-size:9px; color:#777;}
.comed{text-align:right; padding:3px; margin:-20px 5px 10px 0; font-size:10px;}
.ch4{text-align:right; font-size:12px; margin:5px 0 5px 0; padding:5px 0 0 0; border-bottom:1px solid #ddd;}
.ch4 a{text-decoration:none; color:#222;}
.comed{text-align:right; padding:3px; margin:0 0 10px 0; font-size:10px;}

/* .navigation */
.navigation {text-align:center;color:#ccc; border:0px;line-height:20px;}
.navigation a:link,.navigation a:visited,.navigation a:active {text-decoration:none;color:#ccc; background:#777 url(../images/mgb_02.gif) left top repeat-x; border:1px solid #222; padding:2px 6px;font-size:12px; margin:8px 0;}
.navigation a:hover {background:#777 url(../images/mgb_02.gif) left center repeat-x; color:#ddd;border-color:#222;}
.navigation span {text-decoration:none;background:#999; color:#eee; padding:2px 6px; margin:8px 0;border:1px solid #222; font-size:12px;cursor:default;}


/* Рейтинг DLE to UcoZ By AllCity ~ http://web-codes.net/ Start */
.rating {color: #666666; font-family: Tahoma, helvetica, sans-serif; font-size: 11px; width: 85px; height: 16px;}
.unit-rating{list-style:none; margin: 0px; padding:0px; width: 85px; height: 16px; position: relative; background: url('/rating.gif') top left repeat-x;}
.unit-rating li{text-indent: -90000px; padding:0px; margin:0px; float: left;}
.unit-rating li a{display:block; width:17px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 17; position: absolute; padding: 0px;}
.unit-rating li a:hover{background: url('/rating.gif') left center; z-index: 2; left: 0px;}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:17px;}
.unit-rating a.r2-unit{left:17px;}
.unit-rating a.r2-unit:hover{width: 34px;}
.unit-rating a.r3-unit{left: 34px;}
.unit-rating a.r3-unit:hover{width: 51px;}
.unit-rating a.r4-unit{left: 51px;}
.unit-rating a.r4-unit:hover{width: 68px;}
.unit-rating a.r5-unit{left: 68px;}
.unit-rating a.r5-unit:hover{width: 85px;}
.unit-rating li.current-rating{background: url('/rating.gif') left bottom;   position: absolute;   height: 16px;   display: block; text-indent: -9000px; z-index: 1;}
/* Рейтинг DLE to UcoZ By AllCity ~ http://web-codes.net/ End */

Смотреть Ночь в музее 2 онлайн
Аватара пользователя
kalanixa
Сержант
Сержант
 
Сообщения: 48
Зарегистрирован: 10 окт 2008, 08:59
Карма: + 0 -

Re: Колонка любых вопросов для новичков!

Сообщение Youzer » 22 фев 2009, 01:47

Смотри вот мой css, мож показать как правильно, а то я не вдуплил.
посмотрел, могу свой показать в ответ)

мне бы код увидеть, возможно все не так критично.
м.б. просто надо дополнительное выравнивание прописать. дай адрес, я гляну в оригинале
Youzer
Полковник
Полковник
 
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21
Карма: + 4 -
Откуда: СССР

Re: Колонка любых вопросов для новичков!

Сообщение Youzer » 22 фев 2009, 01:54

Roma2Duo писал(а):Да...

Вопрос:
Как изменить цвет текста, заключенного в div? Изменять надо в css.

Ответ:
Ищешь нужный div в коде и смотришь его класс. например:
Код: Выделить всё
<div class="myclass">

если класса нет - создай свой, обзови его как-нить

в css находишь этот класс (или сам пишешь, это для второго случая) и работаешь с параметром color:
Код: Выделить всё
.myclass {color:#ff0000;}
Youzer
Полковник
Полковник
 
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21
Карма: + 4 -
Откуда: СССР

Re: Колонка любых вопросов для новичков!

Сообщение Roma2Duo » 22 фев 2009, 17:19

Да я пока ждал ответа, уже сам додумался. :)
Мой дом - Станция 13
Изображение
Аватара пользователя
Roma2Duo
Сержант
Сержант
 
Сообщения: 58
Зарегистрирован: 09 фев 2009, 12:00
Карма: + 0 -

Re: Колонка любых вопросов для новичков!

Сообщение Mezitaxe » 22 фев 2009, 21:33

У меня два вопроса по одному скрипту, а именно "Цвет ника".
Сам скрипт:
Код: Выделить всё
<?if($MSN_FL$)?>
<tr id="siM12"><td class="manTd1" id="siM13">Цвет ника:</td>
<td class="manTd2" id="siM14">
<select size="1" id="msncolor" name="msn" onChange="colorpre(this.value);">
<option style='color:gray' value="1">Стандартный (Серый)</option>
<option style='color:red' value="2">Красный</option>
<option style='color:violet' value="3">Фиолетовый</option>
<option style='color:purple' value="4">Сиреневый</option>
<option style='color:blue' value="5">Синий</option>
<option style='color:blue' value="6">Голубой</option>
<option style='color:green' value="7">Зеленый</option>
<option style='color:yellow' value="8">Желтый</option>
<option style='color:orange' value="9">Оранжевый</option>
<option style='color:brown' value="10">Коричневый</option> </select>
<div id="msncolorpre"></div>
<?endif?>


Вопросы:
1) Как вместо, например, надписи "Красный" сделать картинку?
2) Как сделать, чтоб разные группы видели разные цвета, например
Спойлер: Показать +
Для админов
Код: Выделить всё
<?if($GROUP_ID$=4)?><?if($MSN_FL$)?>
<tr id="siM12"><td class="manTd1" id="siM13">Цвет ника:</td>
<td class="manTd2" id="siM14">
<select size="1" id="msncolor" name="msn" onChange="colorpre(this.value);">
<option style='color:blue' value="1">Голубой</option>
<option style='color:green' value="2">Зеленый</option>
<option style='color:yellow' value="3">Желтый</option>
<option style='color:orange' value="4">Оранжевый</option>
<option style='color:brown' value="5">Коричневый</option> </select>
<div id="msncolorpre"></div>
<?endif?><?endif?>

Для модеров
Код: Выделить всё
<?if($GROUP_ID$=5)?><?if($MSN_FL$)?>
<tr id="siM12"><td class="manTd1" id="siM13">Цвет ника:</td>
<td class="manTd2" id="siM14">
<select size="1" id="msncolor" name="msn" onChange="colorpre(this.value);">
<option style='color:gray' value="1">Стандартный (Серый)</option>
<option style='color:red' value="2">Красный</option>
<option style='color:violet' value="3">Фиолетовый</option>
<option style='color:purple' value="4">Сиреневый</option>
<option style='color:blue' value="5">Синий</option> </select>
<div id="msncolorpre"></div>
<?endif?><?endif?>

Но по скольку этот скрипт лежит в "Форма редактирования персональной информации", то код $GROUP_ID$ там не работает, чем можно его заменить?
Нас не остановить...только вперед...
Изображение
Аватара пользователя
Mezitaxe
Подполковник
Подполковник
 
Сообщения: 211
Возраст: 34
Зарегистрирован: 13 дек 2008, 16:23
Карма: + 0 -
Откуда: ты?

Re: Колонка любых вопросов для новичков!

Сообщение kalanixa » 23 фев 2009, 11:29

Youzer писал(а):
Смотри вот мой css, мож показать как правильно, а то я не вдуплил.
посмотрел, могу свой показать в ответ)

мне бы код увидеть, возможно все не так критично.
м.б. просто надо дополнительное выравнивание прописать. дай адрес, я гляну в оригинале


Вот код шаблона

Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[TITLE]</title>
<link rel="shortcut icon" href="/images/favicon.ico" />
<style type="text/css" media="all">@import url(/css/engine.css);</style>
<style type="text/css" media="all">@import url(/css/style.css);</style>
<!--[if IE]>
<script language="JavaScript" src="/css/dhtml.js" type="text/JavaScript"></script>
<![endif]-->
<script type="text/JavaScript" src="/css/curvycorners.js"></script>
<script type="text/JavaScript">
window.onload=function()
{settings={tl:{radius:5},tr:{radius:5},bl:{radius:5},br:{radius:5},antiAlias:true,autoPad:true,validTags:["div"]}
var myBoxObject=new curvyCorners(settings,"blockbg");myBoxObject.applyCornersToAll();var myBoxObject=new curvyCorners(settings,"nback");myBoxObject.applyCornersToAll();var myBoxObject=new curvyCorners(settings,"com");myBoxObject.applyCornersToAll();}
</script>

<script type="text/javascript" language="javascript">
<!--
//
function toggle( targetId ) {
if (document.getElementById) {
target = document.getElementById( targetId );
if (target.style.display == "none") {
target.style.display = "";
} else {
target.style.display = "none";
}
}
}
//
-->
</script>


<script type="text/javascript" src="/highslide/highslide-full.packed.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center';
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.allowMultipleInstances = false;
hs.dimmingOpacity = 0.75;
</script>


</head>
<body>
<div class="contener">
<div class="hlinks"></div>

<div class="loginlinks">
<?if($USER_LOGGED_IN$)?><a href="/index/0-4">Новое на сайте</a><?else?><?if($REGISTER_LINK$)?><a href="$REGISTER_LINK$"><strong>Регистрация</strong></a><?endif?><?endif?> / <A href="#" onclick="toggle('id$ID$'); return false;"><strong><?if($USER_LOGGED_IN$)?>Панель управления <?else?>Вход на сайт <?endif?></strong></a>
<DIV id=id$ID$ style="display:none; position: absolute; z-index:5; border:3px solid; background:#222; padding:20px">
$GLOBAL_LOGIN$
</div></div>

<div class="hsearch"><a href="/">Главная страница</a> / <a href="/index/0-3">Написать нам</a>
</div>


<div>
<ul id="hmenu">
  <li><a href="/">Главная</a>  </li>
  <li><a href="/">Уличная мода</a>  </li>
  <li><a href="/connect/">Дизайнеры</a>  </li>
  <li><a href="/news/">Стилисты</a></li>
  <li><a href="/articles/">Фотографы</a></li>
  <li><a href="#">События</a></li>
</ul>
</div>

<div class="head"><div class="logoclick"><a href="/"><img src="/images/tag.gif" width="260" height="50" alt="На главную"></a></div></div>
<div class="body">
<div class="content">

<!-- MarketNews Start -->
<div class="blockbg">
<table border="0" cellpadding="0" cellspacing="5" width="100%"><tr>
информер
</tr></table>
</div>
<!-- MarketNews End -->
<div class="mh1">Комерческий блок</div><div class="blockbg" style="font-size:11px;"> Здесб у нас будет маленькая реклама</div>
[BODY]</div>
<div class="menu">
<div class="blockbg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
$SITE_MENU$
  </tr>
</table>
</div>
<div class="mh1">Поиск</div><div class="blockbg">[SEARCH_FORM]</a></div>
<div class="mh1">Лучшие новости</div><div class="blockbg">{topnews}</div>
<div class="mh1">Реклама</div><div class="blockbg"><center><img src="/images/temp/240.gif"></center></div>
<div class="mh1">Архивы</div><div class="blockbg">$ARCHIVE_LINKS$</div>
</div>
<div class="clear"></div><br />
<div class="footer1"><br /></div>
<div class="footer2">$GLOBAL_STAT$<br />
Copyright © 2008. All rights reserved.
<br />$POWERED_BY$ </div>
</div>
<div class="footer3"><br /></div>
</div>

</body>
</html>
Смотреть Ночь в музее 2 онлайн
Аватара пользователя
kalanixa
Сержант
Сержант
 
Сообщения: 48
Зарегистрирован: 10 окт 2008, 08:59
Карма: + 0 -

Re: Колонка любых вопросов для новичков!

Сообщение Smoke » 23 фев 2009, 15:23

Вопрос:
Какие строки в CSS отвечают за этот шаблон:
Изображение
:D
Аватара пользователя
Smoke
Супермодератор
Супермодератор
 
Сообщения: 1038
Возраст: 32
Зарегистрирован: 01 фев 2009, 16:20
Карма: + 15 -
Откуда: Нижний Новгород

Re: Колонка любых вопросов для новичков!

Сообщение XxMARSxX » 23 фев 2009, 22:13

ой мне честно лень, да и не вовремя, но кнопка Ескейп и FireBug тебя спасут!
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Сообщения: 1991
Возраст: 36
Зарегистрирован: 20 апр 2008, 18:02
Карма: + 22 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: Колонка любых вопросов для новичков!

Сообщение 7olmen » 24 фев 2009, 06:41

Подскажите, как можно ограничить кол-во символов в строку при добавлении нового материала?
7olmen
Сержант
Сержант
 
Сообщения: 77
Зарегистрирован: 08 фев 2009, 19:17
Карма: + 0 -

Пред.След.

Вернуться в Общение

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 22

cron