
okunev2
User-
Posts
602 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by okunev2
-
и как его использовать в моем примере с кодом?
-
я в Яве не особо не разбераюсь Спасибо за ответ, но для меня это сложно в понимании, мне примерчик с кодом!?
-
Вот исходник маленького сайтика, одна страничка: http://dump.ru/files/j/j41006430/ Там есть внизу прокуртка в которую заключены изорбражения, до пустим берем прокрутку и тянем вправо до конца и кликаем по последней картинке и загружается страница, но скролл ворачивается в начальное положение в левый край. Вопрос состоит в том как этот Ява код или css подправить, чтобы скролл прокрутки оставался в том же положении, после перезагрузки страницы, где его оставили прокрутив в правый край!? Вроде ясно объяснил
-
<span class="text_link_menu5">{$categories_tree[i][1]}</span>
-
.text_link_menu5 { font-family: verdana; font-size: 11px; color: #5B8EC8; text-decoration: none; border: none; font-weight: bold; padding-bottom: 15px; } Чот не помогло
-
Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?
-
Собственно есть прокрутка в ней выводятся картинки, ширина прокрутки ограничена, но когда допустим прокручиваем список весь и кликаем на нем последнию картинку то загружается страница и информация, а прокрутка ворачивается в начальное положение! А как сделать чтобы прокрутка оставалась на том же месте, когда страница перегрузилась? #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); }
-
Вот код: a.content_link_menu { color: #4a4a4a; font-family: verdana; font-size: 11px; text-decoration: none; border-bottom: 1px dashed #4a4a4a; } Подчеркивание ссылки пунктирной линией, работает в Опере и Мозиле, прочитал специфику, написано что Частично работает в ИЕ Как сделать чтобы хотябы сплошной линией подчеркнуть текст ссылки?
-
Есть кнопка <input type="submit" value="{$smarty.const.VOTE_BUTTON}"> Как применить к ней стиль, изменить цвет и размер, жирность надписи, или вообще отказаться от кнопки, а использовать ссылку?
-
спрашивал, говорят можно сдулать едным стиль ссылок, а при переходе по ссылке выделять е? и опять потом варачивать первонночальный стиль. И как?
-
дык это понятно, ссылки генерируются из базы несколькими строчками кода на php, а верне одна строчка массивом выводит все ссылки разделов сайта, и как здесь быть. А ссылки на страницы имеют вид: http://127.0.0.1/pages.php?name=Content&pa=showpage&pid=2 и т.д.
-
об этом я знаю! Вы чуть-чуть меня не поняли, нужно чтобы когда переходишь по этой ссылке и находишься на данной с странице, ссылка эта изменялась, но когда переходишь на другую страницу, ссылка эта опять принимала первоначальный стиль!
-
Собственно в чем вопрос. Знаю как изменить стиль ссылок при наведение на е? и т.д. эти стандартные моменты на css. Но ситуация такая есть движок на php - в блоке ссылки на разделы сайта, которые автоматически выводятчя из БД при добавлении материала через админку, вот, и нужно сделать, что когда кликнешь по ссылке и передешь на данную старницу эта ссылка изменила стиль (цвет, шрифт и т.д.)? Подскажите пример кода, и реализации, плиз?
-
Хочу сделать похожий фотоальбом для сайта, как здесь: http://unipak-art.ru/production.html вопрос, как сделать менюшку (которая сверху) из картинок как на этом сайте, т.е. при клике и заходе на страницу картинка изменяется? И как сделать прокрутку выводимых картинок, как на этом же сайте внизу? Это ява и div?
-
frD-Изменение блока меню при наведении на ссылку
okunev2 replied to okunev2's question in HTML Coding
сделал отдельный класс для a href и усе -
frD-Изменение блока меню при наведении на ссылку
okunev2 replied to okunev2's question in HTML Coding
Не все, правильно, только загвоздака, вто что стиль div.menu2 применяшей к словам в ячейке таблицы и когда делаешь отступ: padding-left: 35px; и так line-height:22px; то слева от текста само собой блок не приминяется, как мне проще текст выравнить шоб его блок полность всю ячейку затянул? -
frD-Изменение блока меню при наведении на ссылку
okunev2 replied to okunev2's question in HTML Coding
вот я же кусок показал, видите слева нет блока от текста! вот код того места на странице: <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; } -
frD-Изменение блока меню при наведении на ссылку
okunev2 replied to okunev2's question in HTML Coding
все это, понятно! вот как это исправить: -
frD-Изменение блока меню при наведении на ссылку
okunev2 replied to okunev2's question in HTML Coding
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; } -
frD-Изменение блока меню при наведении на ссылку
okunev2 replied to okunev2's question in HTML Coding
так и сделал, но теперь в Опере и Мозиле, заливка шире, а ИЕ нормально как фиксировать этот блок?