cmndr_alexgreen
-
Posts
83 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by cmndr_alexgreen
-
Галерея slimbox2, наиправильнейший вариант
cmndr_alexgreen replied to cmndr_alexgreen's question in HTML Coding
В итоге решил все построить на базе простого списка: <ul class="gbox"> <li>text<p>text</p></li> <li><a href="../img/gallery/img101.png" class="slimbox"><img src="../img/gallery/img101.png" alt="" /></a></li> </ul> -
Я лично не сильно понял что вы хотите)), можно как то еще выразить ваши мысли? Что значит дублировать треугольник - зигзагом(, просто попытался это представить.
-
А вы уверены что к документу применяется только этот стиль с параметром - Arial ? Возможно ваш браузер берет за первоочередной другой шрифт. sigma77 ?вам все правильно пытается растолковать, ищи косяк который сказывается на неправильном отображении шрифта.
-
Галерея slimbox2, наиправильнейший вариант
cmndr_alexgreen replied to cmndr_alexgreen's question in HTML Coding
И я не понял что значит - "что вижу, то показываю")) Перефразирую: Мне интересно как другие реализовали бы галерею с использованием slimbox, отличающимся методом от оригинального (через выстраивание друг за другом ссылок с вложенными картинками). -
А можно узнать как вы привязываете стили шрифтов к сайту? И что мешает присвоить необходимому объекту свой стиль?
-
Если оценивать только визуально - 2-3т за каждый сайт. Дизайн покупать вряд ли придется поскольку это типовые шаблоны (как я понял из критики выше не лучшего качества), и каждый опытный мастер знает где найти кучу такого материала.
-
Нужен совет и критика: Есть галерея - "slimbox2". Бралась готовым кодом с какого то сайта, структура кода примерна такая: <ссылка><картинка></ссылка> + стили для ссылки и для картинки + файлы явы Получилась сетка примерно по 150на130 картинок. У меня возникла необходимость разбавить секции фотографий, текстом. Сделал блок со своими стилями, который в нужном месте вставлял меж фоток. И тут начался бардак. Возникла идея сделать галерею на базе списка, где уже основные параметры назначить ячейки, а в нее вставлять по необходимости рисунок или текст. Вот стало интересно - яве все равно откуда брать ссылку на увеличенное (исходное) изображение, из ссылки которая в потоке идет сама по себе, или из ссылки которая лежит в ячейки к примеру списка. Как то так)). И вообще если планируется большая галерея с вкраплениями текста и комментариев, какой способ выбрать для большей логичности и корректности?
-
Вот именно что каждый из них и говорит мне: "Что именно я и лучше" Но поскольку тема я так понял сугубо личная, то вопрос не актуален.
-
Что, неужели никто своих мыслей не имеет по данной теме?
-
С недавнего времени (как стал делать сайты для своих нужд), задумался о целесообразности Яндекс метрики или гугловой аналитики. Насколько знаю они довольно не однозначно проводят свои измерения, и наблюдал довольно большие расхождения в данных. Только потому что Яндекс все же роднее, начал пользоваться им. Разъясните что из этих инструментов более продвинуто, или не стоит заморачиваться и использовать обоих.
-
Спасибо. Я так на всякий случай уточнить))
-
Ранее использовал в своих шаблонах следующие строчки ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.
-
Подскажите как лучше реализовать меню
cmndr_alexgreen replied to cmndr_alexgreen's question in HTML Coding
Подскажите как корректнее оформить CSS, при следующих условиях: html <div class="wrap_box"> <ul id="slide"> <li class="pic1"><a href="#">1</a></li> <li class="pic2"><a href="#">2</a></li> <li class="pic3"><a href="#">3</a></li> <li class="pic4"><a href="#">4</a></li> </ul> </div> CSS #slide { width: 980px; height: 320px; padding-top: 20px; } #slide > li {} что-то типа: (#slide > li .pic1) Как мне расписать параметр каждой ячейки со своим классом, дабы обойтись без li+li+li, поскольку когда я вживляю в свой код пример приведенный hypnocolor, то видоизменяются все списки на странице. Вроде такая расстановка параметров работает: #slide {} #slide > li {} li.pic1{} li.pic2{} li.pic3{} li.pic4{} #slide li:hover{} -
Подскажите как лучше реализовать меню
cmndr_alexgreen replied to cmndr_alexgreen's question in HTML Coding
Спасибо. Попробую ваш аналог реализовать под свои реалии)). -
Подскажите как лучше реализовать меню
cmndr_alexgreen replied to cmndr_alexgreen's question in HTML Coding
Допустим если использовать css и z-index: чем лучше(работоспособнее), реализовать размещение таких блоков? Отдельными дивами с абсолютным позиционированием или можно пункты списка накинуть друг на друга? (Если можно краткий пример для наглядности) -
В средней секции сайта есть бокс, в котором должно находиться меню такого вида: скрин Каждый квадрат соответственно пункт меню, с фоновой картинкой и текстом. Задача- чтоб при наведении на квадрат, он как бы показывался поверх того квадрата который его перекрывает. Изначально планировал сделать это на списке, но в данный момент задумался о js. Чем проще и надежнее реализовать данную задачу?
-
Я возможно тебя сейчас шокирую, но классы могут быть даже десятерными Ты прав)))), это меняет мировоззрение)).
-
Нужно мнение профессионалов о шаблоне
cmndr_alexgreen replied to cmndr_alexgreen's question in HTML Coding
Сырая страница на хостинге: тут -
В данный момент есть графический шаблон будущего сайта, но нет четкого представление как его рациональнее воплотить. Так выглядит главная страница: Большой квадрат - содержит в себе логотип и возможно слоган, ну и вероятно какие то элементы навигации. Маленькие квадраты - будут нести функцию первичной навигации и содержать в себе основные разделы, с фоновыми изображениями, где то возможно будет легкий флеш или простая анимация через css или js Так выглядит страница после выбора раздела: Где большой темный квадрат олицетворяет область контента. Начиналась верстка по обычному сценарию, в два столбика div'ами. Код выглядит примерно так (без цветов и картинок, чисто каркас): ? <body> <div id="page_box"> <div id="column_a"> <div id="acube_1"> <div id="name2"></div> <div id="name"></div> </div> <div id="acube_2"> <div id="bcube_1"><img src="img/140-1.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-2.png" class="" alt=""></div> </div> </div> <div id="column_b"> <div id="acube_3"> <div id="bcube_2"><img src="img/140-2.png" class="" alt=""></div> <div id="bcube_2"><img src="img/140-2.png" class="" alt=""></div> </div> <div id="acube_3"> <div id="bcube_1" style="background-image:url(img/140-1.png);"></div> <div id="bcube_1" style="background-image:url(img/140-4.png);"></div> <div id="bcube_1"><img src="img/140-2.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-4.png" class="" alt=""></div> <div id="bcube_1" style="background-image:url(img/140-4.png);"><img src="" class="" alt=""></div> <div id="bcube_1"><img src="img/140-3.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-1.png" class="" alt=""></div> </div> </div> </div> CSS ?html {background:#fff url(img/page_bg.jpg);} body {padding:0;margin:0;text-align:center;font-family:arial, sans-serif;font-size:12px;color:#9A5731;} ul {list-style:none;padding:0; } #page_box {width:980px;margin:0 auto;padding:0;} #column_a {width:300px;float:left;position: relative;} #column_b {width:680px;float:left;padding:0;background: url(imgct_bg.jpg);position: relative;} #acube_1 {width:300px;height:300px;background: url(img/cube_bg2.jpg);position: relative;} #acube_2 {width:300px;height:300px;position: relative;} #acube_3 {width:680px;height:300px;position: relative;} #bcube_1 {display:inline-block;width:150px;height:150px;float:left;} #bcube_2 {width:150px;height:150px;float:left;position: absolute;top:150px;} #bcube_name {width:150px;height:50px;background: rgba(0, 170, 238, 0.8);} #name {padding-top:60px;} #name {padding-top:60px;} (не обращайте внимание на некоторые параметры, это все условности сырой верстки) В данный момент одолели муки связанный с конструкцией страницы, и срочно нужна критика и советы. Так же прошу вашего совета как бы вы реализовали подобный дизайн/расположение элементов. Всем отметившимся буду очень признателен.
-
Если честно даже и не знал что классы могут быть двойными)), как говорят век живи, век учись. Спасибо DownHouse за подсказку, я думаю это самый рациональный вариант.
-
npofopr, да ID он на то и ID, но как бы это не было непрофессионально(, я во всех шаблонах все в подряд обзываю IDшниками, а уже перед вводом в работу делю. Криво со стороны, но честно говоря просто привык уже так (бюкв меньше). Ваш пример вижу первый раз)), спасибо. Изучу, но пока наверно предпочту традиционные методы - в конце концов)) каждому блоку допишу style="background-image:url(смой имедж);" ).
-
ID одинаковые, потому что общие свойства блоков одинаковые, а фоновое изображение и контент, планируются разные. ID или class, это пока не сильно важно, поскольку это всего навсего шаблон. Да, самый простой вариант это сделать для каждого блока свой стиль, но отличаться они будут по сути только фоном. Это значительно добавит текста в файле css, к тому же не во всех блоках планируется рисунок.
-
вот коды кубиков: html <div id="acube_3"> <div id="bcube_1">text</div> <div id="bcube_1"><div id="bcube_name"></div></div> <div id="bcube_1"><img src="img/140-2.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-4.png" class="" alt=""></div> <div id="bcube_1"><img src="" class="" alt=""></div> <div id="bcube_1"><img src="img/140-3.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-1.png" class="" alt=""></div> </div> css #bcube_1 {display:inline-block;width:150px;height:150px;float:left;} Соответственно в шаблоне для наглядности в кубиках сидят картинки, а когда начинаешь в кубики вставлять контент то от картинок нужно избавляться или переводить их в фон.
-
Подскажите как лучше реализовать: Есть много Div'ов в виде кубиков. Стиль у них один, но фоновый рисунок должен быть разный,а в нутри каждого еще должен находиться разный контент. Не очень хочется создавать внутри них еще блоки только для задания фона, и не хочется делить стили для каждого квадрата свой лишь ради фона. Как можно выйти из положения?
-
Что-то я не то делаю), если делаю как вы написали, то правые квадраты не прижимаются к левому краю, пока не выставишь им флот слева. А для исключенимя маргина сверху для для блока "acube", я думаю целесообразно просто вставить в подряд два одинаковых блока с высотой 280, все равно над маленькими квадратами скорее всего нужно будет поместить какой нибудь текст.На данный момент имею код: html <div id="page_box"> <div id="column_a"> <div id="acube_1"> <div id="name"><img src="img/name.png" class="" alt=""></div> </div> <div id="acube_2"> <div id="bcube_1"><img src="img/140-1.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-2.png" class="" alt=""></div> </div> </div> <div id="column_b"> <div id="acube_3"> <div id="bcube_1"><img src="img/140-3.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-4.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-2.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-4.png" class="" alt=""></div> <div id="bcube_1"><img src="" class="" alt=""></div> <div id="bcube_1"><img src="img/140-3.png" class="" alt=""></div> <div id="bcube_1"><img src="img/140-1.png" class="" alt=""></div> </div> </div> css #page_box {width:980px;margin:0 auto;padding:0;} #column_a {width:280px;float:left;} #column_b {width:700px;float:left;padding-top:280px;background: url(imgct_bg.jpg);} #acube_1 {width:280px;height:280px;background: url(img/cube_bg2.jpg);} #acube_2 {width:280px;height:280px;} #acube_3 {width:700px;height:280px;float:left;} #bcube_1 {display:inline-block;width:140px;height:140px;float:left;} #name {padding-top:200px;}