Jump to content

okunev2

User
  • Posts

    602
  • Joined

  • Last visited

Everything posted by okunev2

  1. и как его использовать в моем примере с кодом?
  2. я в Яве не особо не разбераюсь Спасибо за ответ, но для меня это сложно в понимании, мне примерчик с кодом!?
  3. Вот исходник маленького сайтика, одна страничка: http://dump.ru/files/j/j41006430/ Там есть внизу прокуртка в которую заключены изорбражения, до пустим берем прокрутку и тянем вправо до конца и кликаем по последней картинке и загружается страница, но скролл ворачивается в начальное положение в левый край. Вопрос состоит в том как этот Ява код или css подправить, чтобы скролл прокрутки оставался в том же положении, после перезагрузки страницы, где его оставили прокрутив в правый край!? Вроде ясно объяснил
  4. <span class="text_link_menu5">{$categories_tree[i][1]}</span>
  5. .text_link_menu5 { font-family: verdana; font-size: 11px; color: #5B8EC8; text-decoration: none; border: none; font-weight: bold; padding-bottom: 15px; } Чот не помогло
  6. Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?
  7. Собственно есть прокрутка в ней выводятся картинки, ширина прокрутки ограничена, но когда допустим прокручиваем список весь и кликаем на нем последнию картинку то загружается страница и информация, а прокрутка ворачивается в начальное положение! А как сделать чтобы прокрутка оставалась на том же месте, когда страница перегрузилась? #scrolling_place { position:absolute; left:0px; top:2px; width:962px; height:92px; z-index: 10; overflow: hidden; } вот ещ? Ява-скрипт: function StripValue(value) { value = value + ''; //alert(value); tmp_length = value.length; value = value.substring(0, tmp_length-2); return value; } var BorderElement = document.getElementById('photo_place'); var isMSIE = document.attachEvent != null; var isGecko = !document.attachEvent && document.addEventListener; var DraggingItem = new Object(); function StartDrag (event, _this, _afteraction,BorderElement) { DraggingItem.This = _this; //Begin Of Additional parts of function for Unipak DraggingItem.Image = document.getElementById('scroll_image'); DraggingItem.Place = document.getElementById('scrolling_place'); DraggingItem.PlaceIn = document.getElementById('scrolling_place_in'); DraggingItem.PlaceIn.Width = StripValue(DraggingItem.PlaceIn.style.width); //End Of Additional parts of function for Unipak DraggingItem.AfterAction = _afteraction; DraggingItem.BorderElement = document.getElementById(BorderElement); DraggingItem.BorderWidth = StripValue(DraggingItem.BorderElement.style.width); DraggingItem.BorderHeight = StripValue(DraggingItem.BorderElement.style.height); DraggingItem.BaseWidth = StripValue(DraggingItem.This.style.width); DraggingItem.BaseHeight = StripValue(DraggingItem.This.style.height); //Begin Of Additional parts of function for Unipak //Получаем шаг сдвига внутреннего модуля на каждый пиксел сдвига ползунка DraggingItem.Minus = DraggingItem.PlaceIn.Width - DraggingItem.BorderWidth; if(DraggingItem.Step < 0) DraggingItem.Step = 0; else DraggingItem.Step = DraggingItem.Minus/DraggingItem.BorderWidth; //alert(DraggingItem.PlaceIn.Width + ' - ' + DraggingItem.BorderWidth + ' = ' + DraggingItem.Minus + ' | step = ' + DraggingItem.Step); //End Of Additional parts of function for Unipak var position = new Object(); if (isMSIE) { position.x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft; position.y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop; } if (isGecko) { position.x = event.clientX + window.scrollX; position.y = event.clientY + window.scrollY; } //alert(DraggingItem.id); DraggingItem.cursorStartX = position.x; DraggingItem.StartLeft = parseInt (DraggingItem.This.style.left); if (isNaN (DraggingItem.StartLeft)) DraggingItem.StartLeft = 0; DraggingItem.cursorStartY = position.y; DraggingItem.StartTop = parseInt (DraggingItem.This.style.top); if (isNaN (DraggingItem.StartTop)) DraggingItem.StartTop = 0; if (isMSIE) { document.attachEvent ("onmousemove", ProceedDrag); document.attachEvent ("onmouseup", StopDrag); window.event.cancelBubble = true; window.event.returnValue = false; } if (isGecko) { document.addEventListener ("mousemove", ProceedDrag, true); document.addEventListener ("mouseup", StopDrag, true); event.preventDefault(); } } function ProceedDrag (event) { var position = new Object(); //alert(DraggingItem.Step); if(DraggingItem.Step < 0) return; if (isMSIE) { position.x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft; position.y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop; } if (isGecko) { position.x = event.clientX + window.scrollX; position.y = event.clientY + window.scrollY; } document.getElementById('scroll_left').style.display = 'none'; document.getElementById('scroll_right').style.display = 'none'; var nextX = DraggingItem.StartLeft + position.x - DraggingItem.cursorStartX; if (nextX < -150) nextX = -150; DraggingItem.Image.src = 'images/scroll.gif'; if(nextX >= DraggingItem.BorderWidth - DraggingItem.BaseWidth) { DraggingItem.Image.src = 'images/scroll_right.gif'; //alert('change'); i = 0; nextX = DraggingItem.BorderWidth - DraggingItem.BaseWidth; //window.status = 'Coords' + nextX + '(' + DraggingItem.BorderWidth + '-' + DraggingItem.BaseWidth + ')'; } if(nextX < 0) { nextX = 0; DraggingItem.Image.src = 'images/scroll_left.gif'; } DraggingItem.This.style.left = nextX + "px"; DraggingItem.PlaceIn.style.left = 0 - nextX*DraggingItem.Step + "px"; //alert(DraggingItem.PlaceIn.style.left); var nextY = DraggingItem.StartTop + position.y - DraggingItem.cursorStartY; if (nextY > 360) nextY = 360; if(nextY > DraggingItem.BorderHeight - DraggingItem.BaseHeight) { nextY = DraggingItem.BorderHeight - DraggingItem.BaseHeight; //window.status = 'Coords' + nextX + '(' + DraggingItem.BorderWidth + '-' + DraggingItem.BaseWidth + ')'; } if(nextY < 0) nextY = 0; DraggingItem.This.style.top = nextY + "px"; if (isMSIE) { window.event.cancelBubble = true; window.event.returnValue = false; } if (isGecko) event.preventDefault(); } function StopDrag (event) { if (isMSIE) { document.detachEvent ("onmousemove", ProceedDrag); document.detachEvent ("onmouseup", StopDrag); } if (isGecko) { document.removeEventListener ("mousemove", ProceedDrag, true); document.removeEventListener ("mouseup", StopDrag, true); } if (DraggingItem.AfterAction) DraggingItem.AfterAction (DraggingItem.This); //WriteCoords(); } function PutBack (item) { item.style.zIndex = 2;; } function WriteCoords() { //alert(el.offsetLeft); //alert(el.offsetTop); var v_x = document.getElementById('offset_x'); var v_y = document.getElementById('offset_y'); v_x.value = StripValue(DraggingItem.This.style.left); v_y.value = StripValue(DraggingItem.This.style.top); }
  8. Вот код: a.content_link_menu { color: #4a4a4a; font-family: verdana; font-size: 11px; text-decoration: none; border-bottom: 1px dashed #4a4a4a; } Подчеркивание ссылки пунктирной линией, работает в Опере и Мозиле, прочитал специфику, написано что Частично работает в ИЕ Как сделать чтобы хотябы сплошной линией подчеркнуть текст ссылки?
  9. Есть кнопка <input type="submit" value="{$smarty.const.VOTE_BUTTON}"> Как применить к ней стиль, изменить цвет и размер, жирность надписи, или вообще отказаться от кнопки, а использовать ссылку?
  10. спрашивал, говорят можно сдулать едным стиль ссылок, а при переходе по ссылке выделять е? и опять потом варачивать первонночальный стиль. И как?
  11. дык это понятно, ссылки генерируются из базы несколькими строчками кода на php, а верне одна строчка массивом выводит все ссылки разделов сайта, и как здесь быть. А ссылки на страницы имеют вид: http://127.0.0.1/pages.php?name=Content&pa=showpage&pid=2 и т.д.
  12. об этом я знаю! Вы чуть-чуть меня не поняли, нужно чтобы когда переходишь по этой ссылке и находишься на данной с странице, ссылка эта изменялась, но когда переходишь на другую страницу, ссылка эта опять принимала первоначальный стиль!
  13. Собственно в чем вопрос. Знаю как изменить стиль ссылок при наведение на е? и т.д. эти стандартные моменты на css. Но ситуация такая есть движок на php - в блоке ссылки на разделы сайта, которые автоматически выводятчя из БД при добавлении материала через админку, вот, и нужно сделать, что когда кликнешь по ссылке и передешь на данную старницу эта ссылка изменила стиль (цвет, шрифт и т.д.)? Подскажите пример кода, и реализации, плиз?
  14. а примеров нету
  15. да :-) Спасибо! усе
  16. Хочу сделать похожий фотоальбом для сайта, как здесь: http://unipak-art.ru/production.html вопрос, как сделать менюшку (которая сверху) из картинок как на этом сайте, т.е. при клике и заходе на страницу картинка изменяется? И как сделать прокрутку выводимых картинок, как на этом же сайте внизу? Это ява и div?
  17. сделал отдельный класс для a href и усе
  18. Не все, правильно, только загвоздака, вто что стиль div.menu2 применяшей к словам в ячейке таблицы и когда делаешь отступ: padding-left: 35px; и так line-height:22px; то слева от текста само собой блок не приминяется, как мне проще текст выравнить шоб его блок полность всю ячейку затянул?
  19. вот я же кусок показал, видите слева нет блока от текста! вот код того места на странице: <tr><td height="25" background="{THEME}/images/2_bg_menu.gif"><div class="menu2"><a href="#">Главная</a></div></td></tr> вот css: div.menu2 { height: 100%; font-family: Verdana; font-size: 11px; color: #333333; TEXT-DECORATION: underline; text-align: left; padding-left: 35px; line-height:22px; } div.menu2 a { display: block; height: 100%; color: #3366CC; text-align: left; } div.menu2 a:hover { background-color: silver; text-decoration: none; color: #ffffff; } div.menu2 a:visited { background-color: none; text-decoration: none; color: #774F1E; }
  20. все это, понятно! вот как это исправить:
  21. div.menu2 { width: 100%; height: 100%; font-family: Verdana; font-size: 11px; color: #333333; TEXT-DECORATION: underline text-align: left; padding-left: 35px; } div.menu2 a { display: block; width: 210px; height: 100%; color: #3366CC; text-align: left; } div.menu2 a:hover { background-color: silver; text-decoration: none; color: #ffffff; } div.menu2 a:visited { background-color: none; text-decoration: none; color: #774F1E; }
  22. так и сделал, но теперь в Опере и Мозиле, заливка шире, а ИЕ нормально как фиксировать этот блок?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy