Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Архивариус Решённые вопросы Дизайн #808 - Нужна помощь в редактировании шаблона |
| Дизайн #808 - Нужна помощь в редактировании шаблона |
|
francisk-foto,
<div class="qEsQ"><div class="cEsQ"> Сюда поставить то что хотите прижать к подвалу ... </div></div> Это в CSS .cEsQ {position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 10000;} div > div.cEsQ { position: fixed;} .qEsQ {position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 10000;} Номер писать куда перечислить ???? Цитата если заинтересованы помочь не за спасибо а за 100-150р , так чтобы просто выдать готовое решение, то пишите, здесь или в ЛС. |
|
Цитата (Miss_Esq) Номер писать куда перечислить ???? Готовых примеров в интернете я и сам по находил кучу... как правильно их применить в моем случае я не знаю, и ваши фрагменты я тоже правильно применить не смогу, ибо не знаю как отделить элемент wrap1 , так чтобы только на него это повлияло... чтобы весь остальной шаблон не поломался. Добавлено (23 Апр 2013, 12:17:38) Добавлено (23 Апр 2013, 12:45:29) |
|
francisk-foto,
Цитата если вы уверены что это будет работать |
|
Цитата (Miss_Esq) 100% уверена, неоднокатно применяется, что именно на сайте хотите прижать к низу ???? не классы называйте а какой элемент ??? Задний фон картинку фона, низ сайта, колонку сайта ... В первую очередь - элемент дизайна, картинка - 2.png , она присвоена классу wrap1 , если вы посмотрите на код шаблона #808 то всё будет проще понять, теоретические рассуждения могут длиться очень долго... Затем так же поступить и с копирайтом - footer Добавлено (23 Апр 2013, 12:49:36) --------------------------------------------- Бриз тоже предлогал десятки 100% теоретических решений, а мне нужно практическое решение. Чтобы оно работало не в голове, а на деле. Сообщение отредактировал francisk-foto - Вторник, 23 Апр 2013, 12:49:55
|
|
francisk-foto, Вот это вставьте в глобальный блок низа сайта .. а то там что где написали до этого уберите ...
<div class="qEsQ"><div class="cEsQ"> <div style="background: #fff url('http://fast-foto.ucoz.com/images/2.png') repeat; height: 210px; padding: 100px 0px 0px 0px"> Ваш код глобального блока низа сайта как есть сейчас </div></div></div> Так же обязательно пропишите Doctype в общих настройках или <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> или <!DOCTYPE html> Цитата Чтобы оно работало не в голове, а на деле Всегда предлагаю только практические решения реализованные до этого где либо собственными руками .. Сообщение отредактировал Miss_Esq - Вторник, 23 Апр 2013, 13:05:26
|
|
Доктайп указан.
Сделал как вы написали, только имя картинки 2b (она красная), чтоб старую 2.png было видно(ораньжевая)... Да, вроде картинка теперь жмется к низу как надо(щас на разных разрешениях и браузерах проверю)... Но сам копирайт по прежнему не жмется к низу... хотя он заключен между этими тегами заставившими картинку жаться к низу. Добавлено (23 Апр 2013, 13:31:58) --------------------------------------------- ммм... к стати получается опять таки не то что надо... не не надо чтобы эта нижняя картинка и "подвал" вообще, были поверх вообще всего... даже поверх рекламного банера ucoz(за что наверно наказать могут) , и при этом при прокрутке по вертикале, эта картинка и подвал прикреплены к низу окна браузера а весь остальной сайт скроллится как и положено... а это тоже совсем не то что мне нужно, нужно чтобы подвал стремился к низу и уперался в низ окна браузера, чтоб при малом количестве контента на странице и высоком экране, подвал был в низу окна как и положено а не висел по среди экрана... Но при этом он должен скролиться по нормальному как весь сайт. Добавлено (23 Апр 2013, 13:33:31) --------------------------------------------- Но хотя бы уже ближе продвинулись в сторону желаемого результата... надо было сразу догадаться, что надо попытаться перенести div той картинки в код для подвала, чтоб таким образом её отделить от основной части кода... Но в общем все равно результат не достигнут(( Сообщение отредактировал francisk-foto - Вторник, 23 Апр 2013, 13:34:02
|
|
francisk-foto,
Цитата а не висел по среди экрана... Ставьте код что вам написан непосредственно перед тегом </body> Весь остальной код шаблона страницы должен быть выше, этой конструкции .. так же укажите в CSS для body {height: 100%; } Цитата стремился к низу и уперался в низ окна браузера Насколько низко будет стоять на фоне конструкции зависит от ; padding: 100px 0px 0px 0px"> Сообщение отредактировал Miss_Esq - Вторник, 23 Апр 2013, 14:05:16
|
|
Так вы то говорите это вставлять в основной код всех страниц, потом в код нижней части сайта.. .теперь опять как я понял в основной код страниц... ибо страница с кодом для низа сайта, это же по сути фрагмент который потом тегом футера вставляется в основной код, соответственно какой тег body на странице кода нижней части сайта?
в CSS для body {height: 100%; } - и так по деофлту Цитата (Miss_Esq) Насколько низко будет стоять на фоне конструкции зависит от; padding: 100px 0px 0px 0px"> Не в этом суть, а втом что мне не нужно чтобы этот элемент был приклеен к низу окна браузера, мне надо чтобы оп росто к немустремился прижаться когда контента на странице мало... а он приклеивается, это не то что нужно. Вам не кажется что данный подход не самый результативный? Вы убеждены что это работает, так как работало "тогда" в "том" другом случае... Продалжаете давать советы проверенные в голове а не на деле, не учитывая возможно каких-то особенностей данной ситуации, в итоге всеравно ни чего не получается. Неужели не проще взять да сделать это на практике, на стандартном шаблоне, вместо того чтоб продолжать теоретические потуги... просто это может длиться до безконечности... этож нерациональное расходование времени(и вашего тоже)... Если действительно хотите помочь, так помогите... а не демонстрируйте что вродебы вы это можете сделать, но не хотите. Сообщение отредактировал francisk-foto - Вторник, 23 Апр 2013, 14:32:09
|
|
francisk-foto, Меньше слов и больше чётких определений что нужно ...
Footer с рыжим фоном прижимается к низу ? Так в чём проблема ? Нарисуйте скриншотом если не можете определить кратко словами что хотите сделать вообще .. Задайте минимальную высоту остальной части шаблона как минимум на высоту одного экрана, дабы она была всегда на всю высоту экрана .. |
|
Футера с рыжим фоном нету, есть с красным.
Меньше субьективных теоретически рабочих советов, больше проверенных работающих с шаблоном #808 советов. Скриншот это не передаст, это надо видео записывать... вам непроще просто самой посмотреть? Ведь это не сложно пройти по адресу сайта и посмотреть что получается, а лучше просто попробовать сделать самой то что советуете и понять что получается... Уменьшите высоту окна браузера на пол экрана, и поскрольте сайт... и все поймете. При чем ту тминимальная высота других элементов. когда этот элемент который мы прижимает к низу окна браузера, становится фиксированно приклееным к низу окна... Мне надо чтобы он прижимался к низу окна браузера когда контента недостаточно чтоб его туда придавить контентом, но приэтом чтобы при скроллет он скроллился со всем сайтом а не был статичн оприклеен к окну браузера. И я об этом уже написал несколько раз. Почему вы упорно продолжаете давать теоретические непроверенные советы и при этом не смотреть даже что из этого получается... Если вы так уверены что это работает, почему вы так упорно не хотите просто показать что это работает, конкретно линкануть на пруф чтобы я увидел дизайн #808 у которого этот элемент прижимается к низу окна браузера. Сам я этого сделать не могу и не смогу, если вы в этом действительно разбираетесь, то как я уже писал выше вам делов на 5 минут, надопросто захотеть сделать больше двух движений... а не продолжать писать неприменимые советы. Если вы заинтересованы помочь за 150р , то сделайте это так как делают за оплату - покажите готовое решение а не теоретические абстракции. А иначе это ровно такая же помощь как пытался Бриз, я ценю ваши попытки помочь... но от такой помощи всеравно пользы не будет, только трата времени, вы мне пишите что это работает - я вам опять пишу что это не работает, и всё. Добавлено (23 Апр 2013, 14:50:32) |
|
francisk-foto, Вы слишком много пишите о чём угодно и почти ни чего о том что вам нужно. Следить за вашим ходом мыслей нет намерений, так как они ошибочны (результат вам не достигнут). Мне интересны только исходный и конечный результат. Из всего что вами написано хоть что то ценное содержится только в 3X последних строках вашего последнего сообщения ..
|
|
Я просто так же как и вы хочу результативности, в моем представлении для этого вам проще создать тестовый сайт и выбрать на нем дизайн #808 , он стандартный... и тогда сразу отпадет необходимость в куче вопросов и уточнений...вы сами будете видеть код который надо доработать... Если вы действительно хотите помочь, то я не пойму почему вы так упорно не хотите этого сделать.
Все ваши примеры проверены при других обстоятельствах .не на примере шаблона #808 , в этом все дело... поэтому ни чего и не получается. Ок, давайте ещё раз в который раз изложу суть вопроса: Мне надо чтобы в шаблоне #808 , элемент дизайна к которому присоединено изображение 2.png , имел теже размеры и прочие параметры как есть, но при этом при большой высоте страници и малом количестве контента на странице - чтобы этот элемент прижимался к низу окна браузера, и при этом чтобы он был самым нижним слоем, чтобы собою он не перекрывал ни чего. Не знаю что тут не понятного, я это написал уже с десяток раз. Мусолим одно и тоже, потому что продолжаются всё теже одни теоретические советы. Добавлено (23 Апр 2013, 18:26:03) --------------------------------------------- Весь укоз , да и яндекс с гуглом перечитал... нигде не нашол похожих тем где бы обсуждалась эта идея конкретно под укоз. Как будто до этого ни кого это не интересовало и не кто непытался так сделать именно на сайтах существующих на укозе... при этом всепишут про динамически резиновые шаблоны... в том числе и у вас в подписе. так вот, в тырнете есть несколько примеров(и тонны безтолкового копипаста этих примеров без нормальных пояснений как это применить на деле а не на примере)... которые реализуют то что мне надо, но суть в том что они так же чисто теоретические... тоесть они как любой пример - демонстрируются на самом простейшем примитивном шаблоне... то что я могу их воссоздать в таком же примитивном виде, не помогает мне сделать это там где мне это необходимо - в шаблоне #808, всеравно не пойму как это сделать... ибо в полноценом шаблоне гораздо больше элементов, названия другие, структура другая... всё запутано и чтобы понять как это перенести на шаблон #808 надо сначало досканально разобраться в самом шаблоне.. .чего я конечно же тоже не могу (( Так может стоит дать пару линков на теоретические примеры, которые мне кажутся тем что мне нужно... а вы попробуете мне помочь их применить так чтобы они работали на шаблоне #808? Добавлено (23 Апр 2013, 18:33:22) --------------------------------------------- yandex: как прижать footer к низу страницы http://www.xiper.net/collect....zu.html http://seodon.ru/primery....icy.php http://www.zuzgol.narod.ru/zarabot....t_futer http://webvim.ru/2012/verstka.html Когда это демонстрируется на отдельном примере, все кажется понятным.. а когда пытаюсь перенести это на свой шаблон. ни чего не получается. Футер по сути это не только копирайт... но ещё и может быть горизонтальное меню нижнее, и в том числе графические элементы оформления... вот поэтому от этого и дополнительные сложности... в примерах показано как просто блок футера прижать к низу... а как если так же надо прижать блок являющийся элементом дизайна... да так чтобы и копирайт туда же... Сообщение отредактировал francisk-foto - Вторник, 23 Апр 2013, 18:40:56
|
|
francisk-foto, Пример от - www.xiper.net/collect....zu.html работает нормально ..
Код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Футер прижат к низу</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> body {background: #fff;text-align: center;font-size: 16px;font-weight: bold;margin: 0; padding: 0;} html,body {height: 100%;} .main {background: #999; min-height: 100%;} .clearMain {height: 40px;} .footer {background: #0000CC;color: #fff; height: 40px;margin-top: -40px;} </style> </head> <body> <div class="main"> Это основной блок<br> <div class="clearMain"></div> </div> <div class="footer"> Это подвал </div> </body> </html> |
|
Miss_Esq, вы нарошно издеваетесь?
Я знаю что он работает... пример этот. Я не знаю как применить этот пример на шаблон #808 Я одно и тоже уже написал по три раза, вы будто ни чего не читаете (( А потом просите ещё раз повторить то что было написано. Как мне применить этот пример к элементу wrap1 в моем шаблоне, так чтобы он так же правильно работал? Вы уже весь день говорите что всё работает, но я так и не увидел ни разу своими глазами чтобы это работало в шаблоне #808 с элементом wrap1 |
|
francisk-foto, Вы слишком много пишите, длинные сообщения, как размотанный рулон обоев читаю бегло, через слово - два, выковыривая только то что может иметь отношение к делу, нужен только ваш шаблон и всё ..
|
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!