kalyaka-malyaka
-
Posts
300 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by kalyaka-malyaka
-
а вы уверены, что не путали, вставляя свои картинки? пример, из которого вы код брали... кхм... несколько отличается. а, сорри, не заметила, что вы второй пример брали вам надо после <p><a href="link.html" class="rollover"></a></p> добавлять <p><a href="link.html" class="rollover1"></a></p> <p><a href="link.html" class="rollover2"></a></p> <p><a href="link.html" class="rollover3"></a></p> в таблицу стилей добавить классы rollover1, rollover2 и rollover3, продублировав класс rollover и потом изменив в rollover1, 2 и 3 имена картинок на правильные. ну и размер меняйте, если нужно
-
Возможно, сумбурно. И все же: таймс нужно заменить. хоть на ту же вердану. комик, если очень хочется, оставьте для меню. но уберите из "популярных разделов". там же, в левой колонке: "популярные разделы" и названия этих разделов выглядят одинаково. но "популярные" не является ссылкой. выделите как-нить название, чтоб от ссылок отличалось. таблица цветовых решений выглядит палитрой от какой-то простенькой программки. у вас и правда только таки жутенькие цвета? по фоткам на скажешь. я, конечно, в текстиле мало понимаю. зачем эта таблица цветов вообще? "и многое другое" - враки. во "многом" ровно вдвое больше разделов, чем в "популярных". жуткие черные рамочки вокруг превьюшек продукции. а на полноразмерных - белый фон на бледно-голубом. лучше возьмите и большие, и маленькие картинки в серую однопиксельную рамочку. что касается дизайна вообще, то его, ИМХО, нет. пока не начнешь слова читать, не понятно, о чем сайт. мне сначала показалось, что новогодние услуги какие-то. не ясна направленность ни из логотипа, ни из графического оформления. "Наш профиль не слоганы, наш профиль - текстиль" вместо дефиса нужно нормальное тире "—". И кстати. Если люди понимают, что слоганы - не их профиль, то обычно нанимают кого-то. А то получается: "простите, что слоган фиговый. мы не по этому профилю". Так чего извиняться? Или своей продукцией поразите молча, или наймите кого-то, кто умеет слоганы писать. При обращении к аудитории "вас" с большой буквы не пишут. про код и говорить нечего. таблица стилей повеселила. ну и общее оформление
-
например, так: .border-left {background-image: url(pic1.gif); background-position: left; background-repeat: repeat-y; width: 200px; height: auto;} .border-right {background-image: url(pic2.gif); background-position: right; background-repeat: repeat-y; width: 100%; height: auto;} .border-top {background-image: url(pic3.gif); background-position: top; background-repeat: repeat-x; width: 100%; height: auto;} .border-bottom {background-image: url(pic4.gif); background-position: bottom; background-repeat: repeat-x; width: 100%; height: 200px;} <div class="border-left"> <div class="border-right"> <div class="border-top"> <div class="border-bottom">some text</div> </div> </div> </div>
-
Дайте код своей страницы.
-
Все-таки решился выставить на растерзание сайт.
kalyaka-malyaka replied to Searcher's topic in Discussion of works
мне неудобно читать белые буквы на полупрозрачном фоне, сковзь который проступают другие белые элементы. в глазах ярбит. возможно, фон стоит сделать менее прозрачным. и еще, ИМХО, надо поработать над названиями пунктов меню и текстами. "новости - свежие, архив". если несвежие - это уже не новости. "музыка - лучшая, архив". сорри, но мозг упорно слову "лучшая" противопоставляет "хреновая". музыка - лучшая: "Прямо сейчас идет очередная запись одной из версий одной из наших композиций" - это плохо. впрочем, вы, наверное, не о текстах спрашивали. пардон, если что. ЗЫ: фраза "будущее еще не настало" довольно забавна, но это ж постоянные обломы для посетителей. если архивы пустые, так не нужно давать на них ссылки. -
Обрезать флешку с двух концов под разрешение экрана
kalyaka-malyaka replied to ArtOfHuman's question in HTML Coding
а вы это проверяли перед советованием? -
Обрезать флешку с двух концов под разрешение экрана
kalyaka-malyaka replied to ArtOfHuman's question in HTML Coding
никак. только *.fla редактировать. -
#someThing * { color: red; } все, что вложено в див с этим айдишником, будет color: red при чем, если вложены дивы с классами с другим цветом, то все равно будет красный, т. к. у id приоритет перед class
-
в <head> добавить <style></style> и внетри него записать то, что дал Anami кстати, и head у вас не закрыт <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Золотой Компас</title> <style> body { margin: 0; padding: 0; } </style> </head>
-
чувствую себя доктором из анекдота про "неаккуратненько" ну браузер же того... масштабирует, оперируя процентами. т. е. я не знаю, как это технически реализовано, но подозревою вот в нем какие-нить "+30%" для элементов с четным кол-вом пикселей в ширину и с нечетным по-разному увеличивает. кстати, в опере margin: 1px 0 1px 1px; для .rek тоже не идеально масштабирует. то 1 пиксель показывает, то два. по-моему, чепуха это.
-
и еще немножко (920) ошибок в css
-
Если бы вы ждали рукоплесканий и были убеждены в шедевральности своих творений, то можно было бы разбирать их долго, с азартом и упоением, до последней капли крови Но поскольку вы сами все понимаете и уже обложились умными книжками, добавить нечего Читайте их - и все со временем получится. Кстати, можете порыться в "бизнес-линче" Лебедева http://www.artlebedev.ru/kovodstvo/business-lynch/ . Там попадаются довольно подробные разборы дизайнов. Помогает понять, как не надо делать. Еще Дмитрия Кирсанова хорошо почитать - "Веб-дизайн".
-
Подскажите по расположению div'ов в строку
kalyaka-malyaka replied to Searcher's question in HTML Coding
добавьте в первый <div class="blockleft"> в самый конец следующее: <div class="clear"></div> и в стили: .clear { clear:both; font-size:1px; height:1px; } (если не задать font-size и height, то в ie этот див распирает по высоте на размер шрифта, прописанного в body) это чтобы blockleft нормально отрабатывал margin-bottom насчет прокрутки - не совсем поняла, какую прокрутку имеете в виду. -
я, конечно, извращенка план такой: 1. делаем классы для трех колонок с разноцветным background-color 2. в фотошопе картинку 1х1 px png24 черную с нужной степенью прозрачности, чтобы при наложении на фоновые цвета колонок получалось чуть темнее. 3. добавляем в head следующее: <script type="text/javascript"> function makeStripy(tabClass) { var tabs = document.getElementsByTagName("table"); for (var e = 0; e < tabs.length; e++) if (tabs[e].className == tabClass) { var rows = tabs[e].getElementsByTagName("tr"); for (var i = 0; i < rows.length; i++) // строки нумеруются с 0 rows[i].className += ((i % 2) == 0 ? " oddrows" : " evenrows"); } } </script> это скриптик, который "полосатит" таблицу. предполагается, что таблице будет присвоен class="Stripy" и что будут созданны 2 класса - oddrows и evenrows - для четных и нечетных строк. в эти классы прописываем "есть фоновая картинка" и "нет картинки". вроде этого: table.stripy tr.oddrows td { background-image:url(images/1x1.png); } table.stripy tr.evenrows td { background-image:none; } 4. любым доступным способом объясняем ie-шке, что png-24 надо понимать (если что, скажите, способ дам). проверила в ie, опере и мозилле. работает. сорри, если слишком через анус
-
да все, что угодно, может быть. какой-то стиль перебивает этот, или картинку кладете не в ту папку, которая в коде прописана, путь к файлу сбивается... вы бы дали ссылку на страницу, чтоб посмотреть "живьем", в чем дело. а то можно долго теоретизировать. ссылки ваши не работают. кстати, vertical-align center не бывает. middle он.
-
ну работает же
-
еще вариант - hover для input.класс_для_кныпачки в ie6 и ниже hover рабоатет только для <a>. чтобы работал везде, сделать следующее: http://www.umade.ru/log/2004/07/css-hover-any-element/
-
блочная верстка + таблицы для представления табличных элементов (это я о том, что пользую ) долго придумывала аргументы в пользу верстки дивами. потом вспомнила. вот он, шикарный пример: http://www.csszengarden.com/tr/russian/ дивы - это здорово. если клиент захотел перенесли какой-нибуть хренов баннер из левого нижнего угла сайта в правый верхний, достаточно чуть-чуть подправить css не нужно перекраивать все таблицы. есть, конечно, у дивов и свои недостатки вроде невозможности воспользоваться vertical-align: middle, но на это есть свои хитрости да и с таблицами проблем поболе будет.
-
ты пойми, невозможно в двух словах объяснить, что подправить, чтобы сайт стал приличным на вид. зайди к Лебедеву в "бизнес-линч" http://www.artlebedev.ru/kovodstvo/business-lynch/ и почитай разборы дизайнов. потрать на это пару дней. голова вспухнет, но когда информация уложится, возможно, ты сможешь и сам определить, что будет смотреться, а что нет. Лебедев, конечно - не истина в последней инстанции. Но почитать полезно.
-
подпишусь Кирсанов - это очень хорошо. У него просто философией проникаешься
-
*задумчиво* а по-моему предыдущий оратор иронизировал... а что, собственно, вас смущает в том, как отрабатывает ваш сайт опера? а, пока сочиняла, вы дописали так это... фаер с оперой как раз отображают так, как написано это ie-шки балуются. у вас, как я понимаю, марджины умолчательные повылезали. не срубили вы их на корню. что до собственно дизайна - то красотень, конечно, неописучая хотя игровыйе сайты - они, по моему, все такие жутенькие. менталитет.
-
ну я же тоже не придумываю. 3 страницы сохраненных лежат на винте: монстровая и две ваши. и еще сам шаблон. ладно, бог с ним. по верстке: я не понимаю, зачем нужно импортировать css, когда можно написать href в теге link. импорт применяют, когда нужно в один css-файл собирать несколько, чтобы в html прописать один, а реально разбить классы на группы и каждую группу отдельным файлом держать - чтобы проще было ориентироваться. и в css я бы вам тоже посоветовала отделять комментариями группы классов - удобней будет. меню я бы делала списком, но это, наверное, просто дело вкуса. "Site search:" надо в <label> поместить, чтобы заголовок был связан с <input>. Ну а в целом - нормально, вполне аккуратненько. а, еще: даже непарные теги должны быть закрыты. не <br>, а <br />.
-
Дивно. Час назад, когда я сохраняла вашу страницу на комп, в html был <style> с этим комментарием и кучей классов. Эта куча классов полностью повторяла кучу в теге <style> у сохраненного тем же способом (а не скачанного) TM-шаблона. Теперь <style> у вас исчез. Возможно, я, конечно, как-то исключительно туплю. Может, вы объясните, что происходит? Все, что в <body> - да, у вас свое. Но откуда <style> взялся и куда делся?
-
Если сравнивать с монстровским оригиналом http://www.templatemonster.com/wordpress-themes/16693.html http://osc3.template-help.com/wordpress_16693/ , т. е. представить, что вы резали по предлагаемому отрисованному макету, то порезано не идеально. отступы кое-где отличаются от оригинальных (в левом меню, ссылки с красненькими стрелочками...), текст в футере прибит вправо. ой, присмотрелась внимательней а вы затейник сохранили страницу и перекраивали. даже /* See license.txt for terms of usage */ не стерли, даже имена классов в html не поменяли. и что тогда мы оцениваем?
-
Макет сайта-фотогалереи для фотографа
kalyaka-malyaka replied to Ялекс's topic in Discussion of works
больше нра третий. именно за счет красного. на превьюшках можно сделать не целые фотки уменьшенными, а фрагменты. ИМХО, это будет выиграшней. и еще вопрос: если фото вертикальное, что будет с левым полноразмерным изображением?