На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
  • Страница 1 из 1
  • 1
Модератор форума: frenkmalcov  
Наболевшие вопросы по uCoz.
Kilot Дата: Среда, 11.01.2012, 22:59 | Сообщение # 1
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:3
Награды:0
Замечания: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%
Репутация
10
4. не надо на шапке ничего рисовать. Рисуйте шапку отдельно, а пункты меню отдельно, и потом вставте в свою шапку.
 
antisept Дата: Пятница, 13.01.2012, 12:58 | Сообщение # 3
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
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)
как мне сделать так, чтобы при нажатии на определенную область на картинке(опред. слово) оно бы было кликабельно?

просто, нужно сверстать шапку и все smile


Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
Kilot Дата: Суббота, 14.01.2012, 00:46 | Сообщение # 4
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:3
Награды:0
Замечания: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. На странице сайта необходимо добавить следующий блок кода внутри:


Тоже не понял куда именно ставить, ставил на конкретную страницу.

Quote
apiId: ВАШ_API_ID,

Что нужно ставить вместо api_id? Ставил адресс сайта, но потом в настройках сайта случайно увидел функцию
Quote
Разрешить использование API:
Базовое API (GET-only) для сайта

Использовать API key:
Включение или отключение использования ключа (генерируется автоматически), который необходим для доступа к API. Если вы хотите изменить уже существующий ключ, то отключите и включите заново эту опцию, затем сохраните изменения.

API key:

навреное это нужно туда ставить?

Quote
3. Также на странице Вашего сайта необходимо добавить элемент DIV, в котором будет виджет Like, задать ему уникальный id и добавить блок кода инициализации виджета.

Опять же куда именно, какой id задавать и что за блок инициализации и как его добавить?
Знаю, иногда могу тупить на уровне блондинки, прошу строго не судить:) Зато один раз разобравшись запомню на всю жизнь biggrin

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

Добавлено (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%
Репутация
10
Head это голва Body соответственно тело. Обычно все основное в этом самомо теле и есть. Не пойму зачем что то впихивать в HEAD? Ие ще... Я не понял(голова просто болит) зачем шапку таблицей делать?
 
antisept Дата: Понедельник, 16.01.2012, 18:50 | Сообщение # 6
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Quote (Kilot)
Так же возникла новая проблема, когда пытаюсь отдельно от шапки, справа или слева, поставить что-то другое, шапка сьезжает.


пропишите элементам, которые хотите добавить, свойство float.

Quote (Kilot)
Так же интересует, можно ли как-то поверх таблицы с шапкой или в ней, без сдвигов всяких что-то вставлять, или она пеприкосновенна теперь?:)


опять таки, можно прописать float или переверстать шапку, с учетом новых элементов.

Quote (Kilot)
Так же хотел спросить, друг недавно мне сказал, что у меня в head сайта практически ничего нету, а все нашпиговано в body, сказал что это не в коем случае нельзя делать и чтобы я перенес все лишнее в head...вопрос возникает, что же нужно перенести и что такого страшного он увидел у меня в коде?:)


PULLO, правильно говорит. В head должны быть только title, мета-теги, стили и некоторые скрипты. Все остальное - в body.

Kilot, вы свой сайт добавили, прежде чем подключать виджет?

Прикрепления: 5949718.png (11.2 Kb)


Если я долго не выполняю обещаний, напомните мне в ЛС. Скорее всего, я просто забыл.

Не оказываю помощь через ЛС. Все вопросы - на форум или в комментарии.
 
Kilot Дата: Вторник, 17.01.2012, 01:04 | Сообщение # 7
Offline
Заглянувший
Стандартный аватар
Пользователи
Сообщений:3
Награды:0
Замечания:0%
Репутация
0
Kilot, вы свой сайт добавили, прежде чем подключать виджет?


Конечно добавил, я просто не понял что именно и куда вставлять и что писать в API_ID.
 
  • Страница 1 из 1
  • 1
Поиск: