Модератор форума: dotbot  
Дизайн: решение вопросов (архив для чтения)
Модератор форума
Сообщение # 1 | 01:32:58

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



Правила темы


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

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

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

Сообщение отредактировал webanet - Пятница, 12 Окт 2012, 13:39:32
Shekawkaw
Сообщений: 5
Репутация: 0

Сообщение # 1351 | 08:10:08
Alexander_K, я вот это и имел в виду. У меня вот такое меню реализовано. Но оно не очень красивое( отправить учить ксс это конечно правильно, но я его учить буду дольше, чем сайт создавать :)
altsakh
Сообщений: 11
Репутация: 6

Сообщение # 1352 | 09:33:58
подскажите плиз) как сделать такую же шапку себе как у них?
пример
http://ikeds.ru/home/Sales
magbz
Сообщений: 11
Репутация: 0

Сообщение # 1353 | 09:45:25
Как сделать дизайт меню и подменю был одинаковым....
сайт http://kp1.ucoz.ru
делаю подменю через конструктор меню посмотрите что получается пукнт меню как можно помощь
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1354 | 10:18:08
magbz, Абсолютно одинаково не сделать, подменю, внешний вид определяется состемно файлом CSS типа layerX.css подключаемом автоматически. Можно конечно попытаться изменить цветовую гамму итп итд , но сделать так же как и само меню невозможно...

В общем удобнее сделать собственное меню, например раздвижное, тогда вполне реально сделать и пункты и подпункты одинаковыми ..

bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 1355 | 10:18:59
сделано оригинально :)
Quote (altsakh)
подскажите плиз) как сделать такую же шапку себе как у них?

рипнуть
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1356 | 10:19:53
altsakh, "Содрать" HTML шаблон шапки и адаптировать ... B)

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 1357 | 10:27:14
bandjuk,
Quote
рипнуть
Какие мы "культурные" однако :D

Shekawkaw, magbz, runettex.clan.su/index/0-397
Прикрепления: 1761356.gif (36.6 Kb)

Сообщение отредактировал Miss_Esq - Понедельник, 27 Авг 2012, 10:28:01
Shekawkaw
Сообщений: 5
Репутация: 0

Сообщение # 1358 | 11:09:52
Miss_Esq ок, вот я посмотрел код раздвижного меню и у меня вопрос: я смогу сделать этот баян в три уровня. То есть у меня изначально показывается две кнопки после клика на любую у меня раздвигается и я могу разбинуть по желанию еще. Как то так.
Сообщение отредактировал Shekawkaw - Понедельник, 27 Авг 2012, 11:14:45
magbz
Сообщений: 11
Репутация: 0

Сообщение # 1359 | 11:20:51
Miss_Esq, а как то Hover d css добавить нельзя
Shekawkaw
Сообщений: 5
Репутация: 0

Сообщение # 1360 | 11:23:44
Девушка на разрыв по кодам, никогда не думал, что мне мозги вправлять по программам будут женщины; все меняеться :D
Владос
Сообщений: 68
Репутация: 9

Сообщение # 1361 | 12:10:15
Срочно нужна помощь по дизайну!
Сайт (www.extramedia.kz) выглядит по разному в разных браузерах, а точнее поиск на сайте. С Оперы и FF выглядит одинаково, но в Хроме совсем иначе. Для наглядности привожу картинки.
Опера:


FF:


Хром:


Может, проблема в коде?
Code
<div class="header">
<p class="welcome"><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></p>
</div>

<noindex>
<div class="top-navigation">
</div>
</noindex>

<noindex>
<ul id="nav">
<li><a href="http://extramedia.kz">Главная</a></li>
<li><a class="hsubs" href="http://extramedia.kz/publ">Фильмы</a>
<ul class="subs">
   <li><a href="http://extramedia.kz/publ/komedii/1">Комедии</a></li>
<li><a href="http://extramedia.kz/publ/melodramy/2">Мелодрамы</a></li>
<li><a href="http://extramedia.kz/publ/boeviki/3">Боевики</a></li>
<li><a href="http://extramedia.kz/publ/fantezi/4">Фэнтези</a></li>
<li><a href="http://extramedia.kz/publ/trillery/6">Триллеры</a></li>
   <li><a href="http://extramedia.kz/publ/serialy/20">Сериалы</a></li>
<li><a href="http://extramedia.kz/publ/multfilmy/7">Мультфильмы</a></li>
<li><a href="http://extramedia.kz/publ/prikljuchenija/8">Приключения</a></li>
<li><a href="http://extramedia.kz/publ/dramy/9">Драмы</a></li>
<li><a href="http://extramedia.kz/publ/detektiv/10">Детективы</a></li>
<li><a href="http://extramedia.kz/publ/fantastika/11">Фантастика</a></li>
<li><a href="http://extramedia.kz/publ/kriminal/12">Криминал</a></li>
<li><a href="http://extramedia.kz/publ/semejnij/13">Семейный</a></li>

<li><a href="http://extramedia.kz/publ/ujasy/16">Ужасы</a></li>

</ul>
</li>
<li><a class="hsubs" href="http://extramedia.kz/load">Музыка</a>
<ul class="subs">
<li><a href="http://extramedia.kz/load//1">R'n'B & Hip-Hop</a></li>
<li><a href="http://extramedia.kz/load/rehp/2">Рэп</a></li>
<li><a href="http://extramedia.kz/load/pop/3">Поп</a></li>
<li><a href="http://extramedia.kz/load/rok/4">Рок</a></li>
<li><a href="http://extramedia.kz/load/texno/5">Техно</a></li>
<li><a href="http://extramedia.kz/load/elektronika/6">Электроника</a></li>
<li><a href="http://extramedia.kz/load/trans/7">Транс</a></li>
<li><a href="http://extramedia.kz/load/haus/8">Хаус</a></li>
<li><a href="http://extramedia.kz/load/reggi/9">Регги</a></li>
<li><a href="http://extramedia.kz/load/soul/10">Соул</a></li>
<li><a href="http://extramedia.kz/load/bljuz/11">Блюз</a></li>
<li><a href="http://extramedia.kz/load/ballada/12">Баллада</a></li>
<li><a href="http://extramedia.kz/load/drum_and_bass/13">Drum and bass</a></li>
<li><a href="http://extramedia.kz/load/dupstep/14">Dupstep</a></li>
<li><a href="http://extramedia.kz/load/university_sertanejo/15">University sertanejo</a></li>
</ul>
</li>
<li><a class="hsubs" href="http://extramedia.kz/blog">Видео-коллекции</a>
<ul class="subs">
   <li><a href="http://extramedia.kz/blog/jumor/1-0-1">Юмор</a></li>
<li><a href="http://extramedia.kz/blog/nauka_i_tekhnika/1-0-2">Наука и техника</a></li>
<li><a href="http://extramedia.kz/blog/avtomobili/1-0-4">Автомобили</a></li>
<li><a href="http://extramedia.kz/blog/trejlery/1-0-5">Трейлеры</a></li>
</ul>
</li>
</li>
<li><a class="hsubs" href="http://extramedia.kz/index/tv_onlajn/0-40">ТВ и радио</a>
<li><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?><a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> </li>
<li><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?><a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?></li>
<li><br><div id="cse-search-form" style="width: 160%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">   
   google.load('search', '1', {language : 'ru'});
   google.setOnLoadCallback(function() {
   var customSearchOptions = {}; var customSearchControl = new google.search.CustomSearchControl(
   '004676673957628076974:kpdedz8hshm', customSearchOptions);
   customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
   var options = new google.search.DrawOptions();
   options.enableSearchboxOnly("http://www.extramedia.kz/index/extramedia_search/0-37", "zapros");
   customSearchControl.draw('cse-search-form', options);
   }, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
<style type="text/css">
   input.gsc-input {
   border-color: #D9D9D9;
   }
   input.gsc-search-button {
   border-color: #666666;
   background-color: #CECECE;
   }</style></li>
   </ul>
   </noindex>

Сообщение отредактировал webanet - Понедельник, 27 Авг 2012, 22:24:12
sch779
Сообщений: 703
Репутация: 348

Сообщение # 1362 | 12:30:13
Для начала - не совсем понятен код style="width: 160%;"!?
Вероятно, хром воспринимает ее буквально - "хочу иметь ширину этого блока почти в 1.5 раза больше его родителя" и, как следствие, переносит этот блок на новую строку, что бы реализовать эту просьбу!

Почему этого не делают FF и Опера - х/з, что по этому поводу на уме у их разработчиков?

Кстати, IE (по крайней мере IE9) в этом вопросе солидарен с хромом, что лишний раз говорит о его адекватности трансляции html-кода!

Кстати, младшие версии FF и Оперы по этому вопросу были солидарны с хромом и действовали в точном соответствии спецификации CSS - ширина блока формируется без оглядки на ширину его родителя.
Современные версии FF и Оперы, очевидно, решили на это "наплевать" и не "пущают" "ребёнка" за рамки, установленные его "родителем"!
Сообщение отредактировал sch779 - Понедельник, 27 Авг 2012, 12:45:47
I-vashka
Сообщений: 45
Репутация: 21
Уровень замечаний:

Сообщение # 1363 | 15:22:21
sch779, смотрел в исходном коде - onclick="vodtable()" безо всяких параметров, куда он должен присвоиться-то параметр?

Code

<script type="text/javascript">
<?if$PAGE_ID$='add')?>
$('.codeButtons[id=img]').after(function(index){'<input title=\"Вставить таблицу\" value=\"Вставить таблицу\" id=\"table\" class=\"codeButtons\" type=\"button\" onclick=\"vodtable('+ (index +1) +')\">'});    
$('#table').click(function vodtable(){
var tabletextMEs = $('.manFl[id=message]').val();
<?else?>
$('.codeButtons[id=img]'). after('<input title=\"Вставить таблицу\" value=\"Вставить таблицу\" onclick=\"vodtable();\" id=\"table\" class=\"codeButtons\" type=\"button\">');
$('#table').click(function vodtable(){
var tabletextMEs = $('#message').val();
<?endif?>
  $('#message').val('[table]' + tabletextMEs + '[/table]');
  });  

  e=document.getElementsByTagName("div");  
  for(k=0;k<e.length;k++) {  
  if(e[k].className=='mestable') {  
  s=e[k].innerHTML;  
  while (s.indexOf('[table]') != -1) {  
  s=s.replace('[table]','<div style="padding:2px 2px 2px 2px;background:#E9EBA2;color:#000;border:1px solid #D9DC82;padding:4px 4px 4px 4px;text-align:left;">'); s=s.replace('[/table]','</div>');  
  e[k].innerHTML=s;}}}  
</script>

Сообщение отредактировал I-vashka - Понедельник, 27 Авг 2012, 15:24:06
Alexander_K
Сообщений: 552
Репутация: 188

Сообщение # 1364 | 15:44:13
Quote (Shekawkaw)
учить ксс это конечно правильно, но я его учить буду дольше, чем сайт создавать
По ссылке, которую я давал выше, пример рабочего кода, также можно сделать и в три уровня и больше. А учить HTML и CSS придётся в любом случае, если хотите делать что-то не шаблонное. Но языки не такие уж сложные.
Quote (Shekawkaw)
Девушка на разрыв по кодам, никогда не думал, что мне мозги вправлять по программам будут женщины; все меняеться
Ну девушек программистов я знаю и лично, ещё и в шахматы хорошо играют. Так что удивляться так сильно не стоит :)
Владос, пропишите !DOCTYPE в общих настройках сайта. Ну и, что вам выше написали, видимо нужно исправлять.

altsakh
Сообщений: 11
Репутация: 6

Сообщение # 1365 | 16:15:36
Miss_Esq, спасиб)
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!