|
Наболевшие вопросы по uCoz.
|
|
| Kilot | Дата: Среда, 11.01.2012, 22:59 | Сообщение # 1 |
Offline
Заглянувший
Пользователи
| Сообщений: | 3 |
| Награды: | 0 |
| Замечания: | 0% |
|
Доброго времени суток уважаемые форумчане. Недавно наткнулся на ваш сайт и уже нашел в нем очень много полезного, спасибо что создали его. Я не новичек в юкозе но и не проффесионал, любитель, который постепенно что-то изучает. Поэтому прошу помощи в некоторых вопросах, ответы на которые я пока не знаю. Не знал как назвать тему, поэтому решил обьединить все свои вопросы в одной. Зарание спасибо за любые ответы, с уважением Анатолий!
1. Изменение положения обьектов при разных разрешениях экрана. Недавно столкнулся с этой проблемой, в первую очередь это касается обьектов расположенных в верхней части сайта. У меня разрешения экрана 1440х900 и я конечно делаю сайт отталкиваясь от своего разрешения, но у кого-то ведь оно может быть меньше или больше и тогда возникает проблема что какая-то картинка которую я у себя поставил там где мне надо, у кого-то находится совсем не там, где я хотел бы ее видеть. Если брать в пример мой http://inqisitors-virt.ucoz.ua сайт то вот я недавно поставил на шапку 4 маленьких иконки социальных сетей, у меня они стоят где надо, но при другом разрешении экрана или если банально свернуть окно браузера, они меняют положение. Как сделать так, чтобы независимо от ширины экрана эти 4 картинки находились четко в определенном месте по отношению к шапке?
Вот где они стоят у меня http://imagepost.ru/?v=cjw.JPG мне надо чтобы там они и оставались всегда. Вот код на всякий случай. Код из верхней части сайта. Quote <layer name="lenta" top="0" right="0"> <div style="position:absolute; top:40; right:375;"> <a href="" title="Мы вконтакте" target="_blank_"><img src="/shapka/vkontakte.bmp" align="right" border="0"></a> </div> </layer> <layer name="lenta" top="0" right="0"> <div style="position:absolute; top:40; right:352;"> <a href="" title="Мы на Facebook" target="_blank_"><img src="/shapka/facebook.bmp" align="right" border="0"></a> </div> </layer> <layer name="lenta" top="0" right="0"> <div style="position:absolute; top:40; right:327;"> <a href="" title="Мы в Twitter" target="_blank_"><img src="/shapka/twitter.bmp" align="right" border="0"></a> </div> </layer> <layer name="lenta" top="0" right="0"> <div style="position:absolute; top:40; right:303;"> <a href="" title="Мы на YouTube" target="_blank_"><img src="/shapka/youtub.bmp" align="right" border="0"></a> </div> </layer>
Похожая проблема происходит и с падающим снегом(если кому понравится могу скриптом поделиться) я ставлю ширину на которую он будет падать, например 1280 px , если у кого-то ширина экрана меньше этого значения, то у него появляется справа пустой кусок фона, если же ширина экрана выше ширины падающего снега, то снег падает на на всю ширину сайта. Как сделать нормально я не знаю, значение 100% скрипт не воспринимает. Вот тут выставляю: Quote function DrawWeather(room) { doc_width=1280; doc_height=600; Если надо будет, предоставлю полный текст скрипта.
2.Ищу несколько скриптов. 2.1. Скрипт горизонтального выпадающего меню как тут http://kipelov.ru/ . Ищу такое или похожее меню, т.к. дизайн шапки брал с этого сайта. Так же не совсем понимаю как реализованно это меню, на ум приходит, что прозрачное меню, поставили поверх картинки, но могу ошибаться. 2.2Скрипт увеличения изображения с прокруткой как тут http://www.toplistgames.ru/besplatnie-brauzernie-onlayn-igri/oldbk-legendarniy-boytsovskiy-klub или похожий. 2.3Скрипт "Рекомендовать в гугл" и добавления в соц сети как в статье из ссылки в пункте 2.2. Просто очень понравилось как там сделано добавления в соц сети. У меня есть на сайте такой скрипт, но немного иной, мне не нравится как он выглядит.
3. Как не пытался у меня не получается поставить вот этот скрипт на сайт. http://infoscript.ru/news/vidzhet_quot_mne_nravitsja_quot/2010-09-20-1766 в данном случае прошу обьяснить как для идиота, т.к. по тому описанию которое есть по ссылке, у меня не вышло.
4. Так же меня постоянно мучает один попрос на который я никак не могу найти ответа, и в гугле искал и спрашивал...допустим я нарисовал шапку с фотошопе, на ней написал 5 слов(пункты меню) как мне сделать так, чтобы при нажатии на определенную область на картинке(опред. слово) оно бы было кликабельно? Или может это делается совсем не так. Просто часто видел в уроках фотошопа по рисованию шапки, что там сразу пишут на ней пункты меню, но вот как сделать чтобы они кликали, я хз:( Если есть какая-то статья по этому, с радостью почитаю, я просто даже не знаю что искать.
Пока все господа. Надеюсь вы сможете помочь мне. Еще раз спасибо.
|
| |
| |
| PULLO | Дата: Четверг, 12.01.2012, 20:21 | Сообщение # 2 |
Offline
Продвинутый
Проверенные
| Сообщений: | 125 |
| Награды: | 0 |
| Замечания: | 0% |
|
4. не надо на шапке ничего рисовать. Рисуйте шапку отдельно, а пункты меню отдельно, и потом вставте в свою шапку.
|
| |
| |
| antisept | Дата: Пятница, 13.01.2012, 12:58 | Сообщение # 3 |
Offline
BrainStorming
Администраторы
| Сообщений: | 2847 |
| Награды: | 51 |
|
|
Quote (Kilot) у меня они стоят где надо, но при другом разрешении экрана или если банально свернуть окно браузера, они меняют положение естественно, т.к. вы ставите их с помощью абсолютного позиционирования. Выход: Добавить ваши иконки в столбец td с id=loginBar и прижать их к левому краю, с помощью align="left". Ну, или переверстать шапку. Quote (Kilot) Как сделать нормально я не знаю, значение 100% скрипт не воспринимает. полностью скрипт скиньте. Quote (Kilot) 2.1. Скрипт горизонтального выпадающего меню как тут http://kipelov.ru/ . Ищу такое или похожее меню, т.к. дизайн шапки брал с этого сайта. Так же не совсем понимаю как реализованно это меню, на ум приходит, что прозрачное меню, поставили поверх картинки, но могу ошибаться.
Ссылки поправите, классы тоже вытащите, если захотите:
Code <link rel="stylesheet" href="http://kipelov.ru//bitrix/templates/.default/css/all.css" type="text/css" media="screen" charset="windows-1251"> <link href="http://kipelov.ru//bitrix/cache/css/s1/default.kipelov.ru/styles.css?1324067468" type="text/css" rel="stylesheet">
<div class="header-menu"> <script type="text/javascript"> function preload(images) { if (typeof document.body == "undefined") return; var image1 = $('<img />').attr('src', images); return false; } </script>
<ul style="width:471px; margin:auto !important;" id="u-top-menu"> <li> <a title="События" href="/events/"> <img rel="menutop_03.gif" id="img0" alt="События" src="http://kipelov.ru/images/buttons/menutop_03.gif"> <script type="text/javascript"> preload(['http://kipelov.ru/images/buttons/hover_menutop_03.gif']); </script> </a>
<ul style="display:none;"><li></li><li><a href="/events/group_events/"><img rel="menutop_37.gif" src="http://kipelov.ru/images/buttons/menutop_37.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_37.gif"]);</script></a></li><li><a href="/events/concert_schedule/"><img rel="menutop_19.gif" src="http://kipelov.ru/images/buttons/menutop_19.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_19.gif"]);</script></a></li></ul> </li> <li> <a title="Группа" href="/group/"> <img rel="menutop_05.gif" id="img1" alt="Группа" src="http://kipelov.ru/images/buttons/menutop_05.gif"> <script type="text/javascript"> preload(['http://kipelov.ru/images/buttons/hover_menutop_05.gif']); </script> </a> <ul style="display:none;"><li></li><li><a href="/group/history/"><img rel="menutop_21.gif" src="http://kipelov.ru/images/buttons/menutop_21.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_21.gif"]);</script></a></li><li><a href="/group/valery_kipelov/"><img rel="menutop_30.gif" src="http://kipelov.ru/images/buttons/menutop_30.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_30.gif"]);</script></a></li><li><a href="/group/vyacheslav_molchanov/"><img rel="menutop_39.gif" src="http://kipelov.ru/images/buttons/menutop_39.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_39.gif"]);</script></a></li><li><a href="/group/andrey_golovanov/"><img rel="menutop_47.gif" src="http://kipelov.ru/images/buttons/menutop_47.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_47.gif"]);</script></a></li><li><a href="/group/aleksey_harkov/"><img rel="menutop_52.gif" src="http://kipelov.ru/images/buttons/menutop_52.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_52.gif"]);</script></a></li><li><a href="/group/alexander_manyakin/"><img rel="menutop_57.gif" src="http://kipelov.ru/images/buttons/menutop_57.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_57.gif"]);</script></a></li></ul> </li>
<li> <a title="Творчество" href="/creation/"> <img rel="menutop_07.gif" id="img2" alt="Творчество" src="http://kipelov.ru/images/buttons/menutop_07.gif"> <script type="text/javascript"> preload(['http://kipelov.ru/images/buttons/hover_menutop_07.gif']); </script> </a> <ul style="display:none;"><li></li><li><a href="/creation/albums/"><img rel="menutop_23.gif" src="http://kipelov.ru/images/buttons/menutop_23.gif"><script type="text/javascript">preload(["/images/buttons/hover_menutop_23.gif"]);</script></a></li><li><a href="/creation/clips/"><img rel="menutop_41.gif" src="http://kipelov.ru/images/buttons/menutop_41.gif"><script type="text/javascript">preload(["/images/buttons/hover_menutop_41.gif"]);</script></a></li></ul> </li> <li>
<a title="Медиа" href="/media/"> <img rel="menutop_09.gif" id="img3" alt="Медиа" src="http://kipelov.ru/images/buttons/menutop_09.gif"> <script type="text/javascript"> preload(['http://kipelov.ru/images/buttons/hover_menutop_09.gif']); </script> </a> <ul style="display:none;"><li></li><li><a href="/media/gallery/"><img rel="menutop_25.gif" src="http://kipelov.ru/images/buttons/menutop_25.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_25.gif"]);</script></a></li><li><a href="/media/press/"><img rel="menutop_43.gif" src="http://kipelov.ru/images/buttons/menutop_43.gif"><script type="text/javascript">preload(["/images/buttons/hover_menutop_43.gif"]);</script></a></li></ul> </li> <li> <a target="_blank" title="Фан-клуб" href="http://fanclub.kipelov.ru">
<img rel="menutop_11.gif" id="img4" alt="Фан-клуб" src="http://kipelov.ru/images/buttons/menutop_11.gif"> <script type="text/javascript"> preload(['http://kipelov.ru/images/buttons/hover_menutop_11.gif']); </script> </a> </li> <li> <a title="On-Line" href="/community/"> <img rel="menu-online.gif" id="img5" alt="On-Line" src="http://kipelov.ru/images/buttons/menu-online.gif"> <script type="text/javascript"> preload(['http://kipelov.ru/images/buttons/hover_menu-online.gif']); </script>
</a> <ul style="display:none;"><li></li><li><a target="_blank" href="http://twitter.com/KipelovOfficial"><img rel="menu-twitter.gif" src="http://kipelov.ru/images/buttons/menu-twitter.gif"><script type="text/javascript">preload(["/images/buttons/hover_menu-twitter.gif"]);</script></a></li><li><a target="_blank" href="http://vkontakte.ru/club969280"><img rel="menutop_40.gif" src="http://kipelov.ru/images/buttons/menutop_40.gif"><script type="text/javascript">preload(["/images/buttons/hover_menutop_40.gif"]);</script></a></li><li><a target="_blank" href="http://www.youtube.com/kipelov"><img rel="menutop_51.gif" src="http://kipelov.ru/images/buttons/menutop_51.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_51.gif"]);</script></a></li><li><a target="_blank" href="http://www.facebook.com/KipelovOfficial"><img rel="menutop_59.gif" src="http://kipelov.ru/images/buttons/menutop_59.gif"><script type="text/javascript">preload(["http://kipelov.ru/images/buttons/hover_menutop_59.gif"]);</script></a></li></ul> </li> <li> <a target="_blank" title="Форум" href="http://forum.kipelov.ru"> <img rel="menutop_13.gif" id="img6" alt="Форум" src="http://kipelov.ru/images/buttons/menutop_13.gif"> <script type="text/javascript"> preload(['http://kipelov.ru/images/buttons/hover_menutop_13.gif']); </script>
</a> </li> <li> <a target="_blank" title="Магазин" href="http://shop.kipelov.ru"> <img rel="menutop_15.gif" id="img7" alt="Магазин" src="http://kipelov.ru/images/buttons/menutop_15.gif"> <script type="text/javascript"> preload(['http://kipelov.ru/images/buttons/hover_menutop_15.gif']); </script> </a> </li>
</ul>
<script type="text/javascript"> $('#u-top-menu img').hover(function(){ $(this).attr('src','http://kipelov.ru/images/buttons/hover_' + $(this).attr('rel')); }, function(){ $(this).attr('src','http://kipelov.ru/images/buttons/' + $(this).attr('rel')); }); </script>
</div>
Quote (Kilot) 2.3Скрипт "Рекомендовать в гугл" Кнопку берут здесь. Выбирайте нужный размер и кидайте код в нужное место.
Quote (Kilot) 3. Как не пытался у меня не получается поставить вот этот скрипт на сайт хм, странно. А конкретно, что не получается? Опишите порядок своих действий.Quote (Kilot) как мне сделать так, чтобы при нажатии на определенную область на картинке(опред. слово) оно бы было кликабельно? просто, нужно сверстать шапку и все
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
| |
| |
| Kilot | Дата: Суббота, 14.01.2012, 00:46 | Сообщение # 4 |
Offline
Заглянувший
Пользователи
| Сообщений: | 3 |
| Награды: | 0 |
| Замечания: | 0% |
|
Quote (antisept) полностью скрипт скиньте.
Code var no = 20; // snow number var speed = 15; // smaller number moves the snow faster var sp_rel = 1.4; //speed relevation var snowflake1 = "http://inqisitors-virt.ucoz.ua/images/snow1.gif"; var snowflake2 = "http://inqisitors-virt.ucoz.ua/images/snow2.gif"; var i, doc_width, doc_height;
dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); Array.prototype.exists = function(el) { for(var i=0;i<this.length;i++) if(this[i]==el) return true; return false; }
var rooms = ['1.100', '1.107', '1.111', '1.120'];
function SetVariable(c) { dx[c] = 0; // set coordinate variables am[c] = Math.random()*15; // set amplitude variables xp[c] = Math.random()*(doc_width-35) + 0 + am[c]; // set position variables yp[c] = 0; stx[c] = 0.02 + Math.random()/10; // set step variables sty[c] = 0.7 + Math.random(); // set step variables }
function DrawWeather(room) { doc_width=1280; doc_height=600; var div = ''; for (i = 0; i < no; ++ i) { SetVariable(i); div += "<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: 0" + i +"; VISIBILITY: visible; TOP: " + 0 + "px; LEFT: " + 0 + "px;\"><img id=\"im"+ i +"\" src=\"" + (sty[i]<sp_rel ? snowflake2 : snowflake1 ) + "\" border=\"0\" alt=\"Снежинка\"></div>"; } document.getElementById('snow').innerHTML = div; return 1; }
function WeatherBegin() { for (i = 0; i < no ;++ i) { yp[i] += sty[i] < sp_rel ? sty[i]/2 : sty[i]; if (yp[i] > doc_height-40) { SetVariable(i); var im = document.all['im'+i]; im.src = (sty[i] < sp_rel) ? snowflake2 : snowflake1; } dx[i] += stx[i]; document.all["dot"+i].style.top = yp[i]; document.all["dot"+i].style.left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("WeatherBegin()", speed); } DrawWeather(20); WeatherBegin()
За меню спасибо, работает, буду редактировать, счастья полные штаны:) За гугл тоже спасибо. По поводу скрипта "Мне нравится Вконтакте" сейчас опишу все.
Quote 1. В тег <head> страницы Вашего сайта необходимо добавить следующий код: Я не понял этот кусок нужно ставить между <head> в страницы сайта или конкретно на странице, на которой я хочу видеть это, мне надо написать <html><head></head></html>? пробовал оба варианта.
Quote 2. На странице сайта необходимо добавить следующий блок кода внутри:
Тоже не понял куда именно ставить, ставил на конкретную страницу.
Что нужно ставить вместо api_id? Ставил адресс сайта, но потом в настройках сайта случайно увидел функцию Quote Разрешить использование API: Базовое API (GET-only) для сайта Использовать API key: Включение или отключение использования ключа (генерируется автоматически), который необходим для доступа к API. Если вы хотите изменить уже существующий ключ, то отключите и включите заново эту опцию, затем сохраните изменения. API key: навреное это нужно туда ставить?
Quote 3. Также на странице Вашего сайта необходимо добавить элемент DIV, в котором будет виджет Like, задать ему уникальный id и добавить блок кода инициализации виджета. Опять же куда именно, какой id задавать и что за блок инициализации и как его добавить? Знаю, иногда могу тупить на уровне блондинки, прошу строго не судить:) Зато один раз разобравшись запомню на всю жизнь
Вы постоянно говорите о том, чтобы сверстать шапку, к сожалению до этого я еще не дошел, я не прошу вас мне обьяснить что и как, если знаете, киньте ссылку пожалуйста, где рассказывается про верстку шапки. И конечно спасибо что нашли время и ответили.Добавлено (13.01.2012, 18:07) --------------------------------------------- Шапку я сверстал, с этим разобрался, проблема с движущимися иконками решена, но теперь как поставить меню с сайта кипелова в то место шапки которое мне надо? Так же возникла новая проблема, когда пытаюсь отдельно от шапки, справа или слева, поставить что-то другое, шапка сьезжает. Вот к примеру скрин, я специально выделил таблицу, чтобы было видно что и как. http://imagepost.ru/?v=cccc_3.JPG Так же интересует, можно ли как-то поверх таблицы с шапкой или в ней, без сдвигов всяких что-то вставлять, или она пеприкосновенна теперь?:)
В верхней части сайта нету ничего лишнего кроме кода таблицы с шапкой, красной надписи о входе и скрипта снега. Это так на заметку:)
P.S. Перед тем как писать это или другое сообщение я естественно пытаюсь решить проблему сам:) Добавлено (14.01.2012, 00:46) --------------------------------------------- Проблему с расположением меню решил добавлением значения margin:-170 auto и <div style="height:160px"></div> внизу, чтобы новости не заезжали на шапку.
Так же хотел спросить, друг недавно мне сказал, что у меня в head сайта практически ничего нету, а все нашпиговано в body, сказал что это не в коем случае нельзя делать и чтобы я перенес все лишнее в head...вопрос возникает, что же нужно перенести и что такого страшного он увидел у меня в коде?:)
|
| |
| |
| PULLO | Дата: Суббота, 14.01.2012, 20:27 | Сообщение # 5 |
Offline
Продвинутый
Проверенные
| Сообщений: | 125 |
| Награды: | 0 |
| Замечания: | 0% |
|
Head это голва Body соответственно тело. Обычно все основное в этом самомо теле и есть. Не пойму зачем что то впихивать в HEAD? Ие ще... Я не понял(голова просто болит) зачем шапку таблицей делать?
|
| |
| |
| antisept | Дата: Понедельник, 16.01.2012, 18:50 | Сообщение # 6 |
Offline
BrainStorming
Администраторы
| Сообщений: | 2847 |
| Награды: | 51 |
|
|
Quote (Kilot) Так же возникла новая проблема, когда пытаюсь отдельно от шапки, справа или слева, поставить что-то другое, шапка сьезжает.
пропишите элементам, которые хотите добавить, свойство float.
Quote (Kilot) Так же интересует, можно ли как-то поверх таблицы с шапкой или в ней, без сдвигов всяких что-то вставлять, или она пеприкосновенна теперь?:)
опять таки, можно прописать float или переверстать шапку, с учетом новых элементов.
Quote (Kilot) Так же хотел спросить, друг недавно мне сказал, что у меня в head сайта практически ничего нету, а все нашпиговано в body, сказал что это не в коем случае нельзя делать и чтобы я перенес все лишнее в head...вопрос возникает, что же нужно перенести и что такого страшного он увидел у меня в коде?:)
PULLO, правильно говорит. В head должны быть только title, мета-теги, стили и некоторые скрипты. Все остальное - в body.
Kilot, вы свой сайт добавили, прежде чем подключать виджет?
Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.
Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
|
| |
| |
| Kilot | Дата: Вторник, 17.01.2012, 01:04 | Сообщение # 7 |
Offline
Заглянувший
Пользователи
| Сообщений: | 3 |
| Награды: | 0 |
| Замечания: | 0% |
|
Kilot, вы свой сайт добавили, прежде чем подключать виджет?
Конечно добавил, я просто не понял что именно и куда вставлять и что писать в API_ID.
|
| |
| |