Форум » Помощь по коду » Вопросы: HTML » Ответить
Вопросы: HTML
Blazing Wizard: Эта тема предназначена для вопросов, связанных с хтмл на вашем форуме, то есть со всем, что не связано с Фотошопом: таблицы, установка фона, изменение шрифтов, полосы прокрутки и т.д. Перед написание вопроса убедитесь, что ответа нет в помощи начинающему дизайнеру borda.ru Убедительная просьба, формулируя вопрос, делайте это как можно точнее. Не используйте термины, которые вы плохо знаете, что означают. Объясняйте простым русским языком. Опишите подробно, что вы хотите получить в результате, и где именно у вас возникла проблема. Если пробуете сделать на каком-то форуме, то было бы неплохо дать на него ссылку. Это сделает разговор более предметным и вам не придется самому копировать большие куски кода сюда. К тому же помочь проще, видя все поля кода. Для того, чтобы помогли вам качественее и быстрее, неплохо упомянуть свой уровень владения хтмл, желательно не использовать понятие "средне" - оно очень растяжимое. Кроме хтмл, можно упомянуть о CCS и JavaScript, если вопрос связан с ними. При помощи объяснять вам будут, ориентируясь на указанный вами уровень.
Mad: Алексис Просто легче будет давать советы зная, насколько хорошо вы уже знакомы с HTML. Если есть базовые знания, хотя бы по созданию таблиц, то сам принцип следующий: http://img259.imageshack.us/img259/1018/screen11fq7.png То есть создается таблица с тремя столбцами, в каждом из которых три строки. Первый столб Первая строка - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Вторая - изображение дублирующейся картинки (дублирующейся, с фиксированным значением ширины, но не высоты). Третья - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Второй столб Первая строка - изображение дублирующейся картинки (дублирующейся, с фиксированным значением высоты, но не ширины). Вторая - собственно, тут изображений не нужно. Это ячейка для форумной таблицы (то есть тут кончается HTM-верх и начинается форум). Третья - (форумная таблица заканчивается, начинается HTML-низ) изображение дублирующейся картинки (дублирующейся, с фиксированным значением высоты, но не ширины). Третий столб Первая строка - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Вторая - изображение дублирующейся картинки (дублирующейся, с фиксированным значением ширины, но не высоты). Третья - изображение угловой картинки (не дублирующейся, с фиксированным значением ширины и высоты). Изображения - это элементы, в совокупности составляющие рамку, которую вы хотите сделать.
Алексис: Mad Спасибо огромное
Актавиан: Я хочу впихнуть код <iframe width="550" height="550" src="http://www.freeonlinegames.com/embed.php?g_id=13792" frameborder="0" scrolling="no"></iframe> именно в текст форума.Он не отображает картинки, как поставить чтоб отображал?
Карми: Актавиан Я торможу, куда именно Вы хотите этот код вставить? кстати, возможно (терпения не хватило проверить до конца) но freeonlinegames не дает открывать свои страницы через фреймы других сайтов... И просьба в следующий раз внимательно читать правила тем.
Актавиан: Карми извините) Вот создаю тему во флуде: Игры, вставляю туда этот код На юкозе есть строчка хтмл,там эта фишка работает)
Mad: Актавиан На Борде HTML тэги в сообщениях не работают.
Карми: Актавиан На борде вставить такой код в сообщение пока невозможно, так что придется ограничиваться простой ссылкой на игру (в данном случае, ИМХО, так даже лучше - посетитель может выбрать хочет он грузить сей флеш к себе или нет, да и тема ведь не для одного поста, а писать сообщения, когда каждый раз при открытии темы загружается игра......)
Актавиан: Карми Mad Спасибо за помощь)
Актавиан: И вновь вопрос: http://herrypotter.forum24.ru/ табличку я сделал. Хочу также на фоне сделать 6 колонок под очки курсов,неподскажете как?
Карми: Актавиан http://html.manual.ru Смотреть table
Актавиан: Карми и вновь спасибо
ив: http://izhevsk.forum24.ru Попробовал сегодня на основе вашего форума убрать табло форума вправо и понял что очень сильно намудил... 1. как всё-таки заставить сделать тот фон что сейчас у меня стоит сделать неподвижным? 2. как убрать шапку с этим марсом сверху форума? 3. можно ли сделать фон тела форума полупрозрачным?
Карми: ив Перед написание вопроса убедитесь, что ответа нет в помощи начинающему дизайнеру borda.ru ив пишет: 3. можно ли сделать фон тела форума полупрозрачным? Нет, это можно сделать только для ИЕ, в Опере и Мозилле не сделаешь.
Zenitchik: <HTML> <HEAD> <title>Ижевск</title> <STYLE type=text/css> a:link {text-decoration:underline; color:#F8A406;} a:active {text-decoration:underline; color:#F8A406;} a:visited {text-decoration:underline; color:#C8A406;} a:hover {text-decoration:underline; color:#FFF;} body { background-color: Red; scrollbar-face-color: #111111; scrollbar-highlight-color: #222222; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #333333; scrollbar-arrow-color: #F8A406; scrollbar-track-color: #060606; scrollbar-darkshadow-color: #000000; background-image :url('http://img69.imageshack.us/img69/6636/017km5.jpg'); margin-left : 0px; margin-right : 0px; margin-top : 0px; margin-bottom : 0px; color : #DDDDDD; font-family:verdana,arial,helvetica; font-size:8pt;} td {font-family:verdana,arial,helvetica; font-size:8pt;} td.maintable { background-image : url('http://www.forum24.ru/gif/tmp/bg_top_p.jpg'); background-attachment : fixed; } td.mainforumcell { background-image : url('http://www.forum24.ru/gif/tmp/bg_spacf.jpg'); border : solid #0F0F0F 1px; border-left-width : 1px; border-right-width : 1px; border-bottom-width : 0px; border-top-width : 0px; padding-left: 4px; padding-right: 4px; } .font1{font-size:12px;overflow:auto;} .font2{font-size:11px;font-weight:400;} .font3{font-size:12px;font-weight:700;} .font4{font-size:15px;} .font5{font-size:11px;font-weight:700;} .font6{font-size:12px;font-weight:700; LETTER-SPACING: 1px} tr.font3 {HEIGHT: 28px;} tr.font5 {HEIGHT: 20px;FONT-WEIGHT:700;background: url('http://www.forum24.ru/gif/tmp/table_ce.jpg')} tr.font6 {HEIGHT: 28px;} input,textarea,select{background:#111;color:#F8A406;font-size:8pt; font-family:verdana,arial,helvetica;} textarea{width:100%;height:120;} input.sender{background-color:#111;font-weight:700;border:1 outset rgb(0,0,0);} </STYLE> </HEAD> <body bgcolor="#000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth=0 marginheight=0> <table width="750" border="0" cellpadding="0" cellspacing="0" align="right"> <tr> <td valign="top" align="right" height="98" class="maintable"></td> </tr> <tr> <td> <table width="750" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td><img src="http://www.forum24.ru/gif/tmp/bg_top_b.jpg" width="750" height="51" /></td> </tr> </table> </td> </tr> <tr> <td valign="top" align="right"> <table width="720" border="0" cellspacing="0" cellpadding="0" align="right"> <tr> <td class="mainforumcell"> Вот кусок вашего HTML-верх. Выделенное зеленым отвечает за Марс. Который фон вы хотите сделать неподвижным?
ив: Допустим http://img69.imageshack.us/img69/6636/017km5.jpg я хочу сделать неподвижным фоном. А ещё чтобы этот рисунок был единственным фоном без всяких марсов и растягивался под разные разрешения.
Zenitchik: Поймите меня правильно, мне проще всего написать код за вас, но это будет все равно что сделать за вас домашнее задание - со следующими изменениями у вас снова будут трудности. Ваши знания ХТМЛ, как я вижу, довольно скромны? Изучите http://html.manual.ru/ Много интересного найдете. Чтобы убрать марс - вам нужно тупо удалить то, что я выделил зеленым. Чтобы зафиксировать background в стиле для body: body { background-color: Red; scrollbar-face-color: #111111; scrollbar-highlight-color: #222222; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #333333; scrollbar-arrow-color: #F8A406; scrollbar-track-color: #060606; scrollbar-darkshadow-color: #000000; background-image :url('http://img69.imageshack.us/img69/6636/017km5.jpg'); margin-left : 0px; margin-right : 0px; margin-top : 0px; margin-bottom : 0px; color : #DDDDDD; font-family:verdana,arial,helvetica; font-size:8pt; background-attachment:fixed; } Дописать то, что я выделил синим. Кстати, я сам, сейчас посмотрел это здесь.
ив: Мда. Я тупо всё удалил то, что мне и сказали. Посмотрите результат: http://izhevsk.forum24.ru . А язык html мне всё равно придётся выучить в ближайшее время. Просто дело в том, что форум нужен в довольно короткие сроки. Правильно конечно говорят, что если хочешь помочь голодному, то не давай ему рыбы, а дай удочку. Вот её-то мне и придётся мастерить самому... Большое спасибо, что мне помогли. Я, честно говоря, думал что меня отошлют в бан со словами "Fuck off, Noob!!!" Последний вопрос: как избавиться от "звёздного фона тела форума? Поставить его например белым?
Zenitchik: Сейчас соображу. Вот кусок HTML-верх: <body bgcolor="#000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth=0 marginheight=0> <table width="750" border="0" cellpadding="0" cellspacing="0" align="right"> <tr> <td valign="top" align="right"> <table width="720" border="0" cellspacing="0" cellpadding="0" align="right"> <tr> <td class="mainforumcell"> Это - в болото HTML-низ: </td> </tr> </table> </td> </tr> </table> <div> </div> </BODY> </HTML> Это - тоже в болото. Дальше - смотрим что будет и действуем по обстоятельствам =)) Цвет самой таблицы форума поправьте в настройках.
ив: БОЛЬШУЩЕЕ СПАСИБО!!!!!!!!! Теперь я могу спокойно экспериментировать. 1. Каким макаром можно изменить цвет текста названия форума, "On-line: гостей 0. Всего: 0","Текущее время: 5 ноября 20:01, понедельник"??? 2.оффтоп - я уже не знаю куда обращаться, case на форуме техподдержки кажется отвечать не хочет. Дело в том, что при поступлении новых постов в одну из тем значок на теме меняется на "в теме есть новые сообщения". После просмотра темы по идее значок должен поменяться на "нет новых сообщений", но он не меняется! Как у темы был значок "есть новые сообщения", то так и остаётся. Хоть ты тресни! Меняется только после кнопки "всё прочитано". МОжет кто-нибудь знает в чём проблема?
Карми: ив пишет: Дело в том, что при поступлении новых постов в одну из тем значок на теме меняется на "в теме есть новые сообщения". После просмотра темы по идее значок должен поменяться на "нет новых сообщений", но он не меняется! Как у темы был значок "есть новые сообщения", то так и остаётся. Хоть ты тресни! Меняется только после кнопки "всё прочитано". МОжет кто-нибудь знает в чём проблема? Меняется еще если выйти-войти на форум. Но так и должно быть. ив пишет: Каким макаром можно изменить цвет текста названия форума, "On-line: гостей 0. Всего: 0","Текущее время: 5 ноября 20:01, понедельник"??? Это не название форума, это текст состояния. Добавить в хтмл-верх: .font1{font-size:12px;overflow:auto;} .font2{font-size:11px;font-weight:400;color:#ffffff;} .font3{font-size:12px;font-weight:700;} .font4{font-size:15px;} .font5{font-size:11px;font-weight:700;} .font6{font-size:12px;font-weight:700; LETTER-SPACING: 1px}
Primavera: Привет, ребята)... Мой вопрос, наверное, самый задаваемый на этом форуме и форуме тех поддержки, тем не менее, я его задаю в тысячный раз - не получается у меня сделать таблицу форума прозначной!.. Вообще, начала менять дизайн в ролевой и обнаружила, что в HTML верх нет тега <TABLE>... Посмотрела на другом совем форуме - тоже нет... Мне почему-то кажется, что раньше был. Это раз. И второе - с помощью классов тоже не могу ничего сделать... Вероятно, что-то неверно делаю. Мучаюсь уже неделю... Вот такая я глупая, да, знаю))... Помогите, оч прошу!!!)))... Заранее спасибо))) P.S. адрес игры http://lostfutureworld.fastbb.ru/ P.P.S. HTML я знаю)))... Может быть не достаточно хорошо, но в полне на хорошем уровне))
Mad: Primavera пишет: не получается у меня сделать таблицу форума прозначной Для этого в настройках ищите категорию "Настройки цветов, иконок, званий дизайна", и там просто не прописываете цвета, то есть оставляете ячейки пустыми.
Primavera: Надо же - получилось)... Но почему-то не с первого раза... Спасибо!.. А куда же делся тег <table>?...
Карми: Primavera Primavera пишет: А куда же делся тег <table>?... А он вам нужен? Если нужен, напишите сами))
NEMO: здраствуйте))) вы не могли бы помочь мне и подсказать, какой код нужен для того, чтоб под меняющимися картинами при смене страницы был разный текст?
Mad: NEMO А сменяющийся текст - совсем и не текст, а часть изображения. Текст предварительно печатается в Фотошопе (или другом редакторе), а потом сохраняется как изображение.
Ness: Никто случайно не знает аналог тэга padding-right="значение", который работал бы не только в IE
Zenitchik: Где вы такую экзотику находите? Я о нем даже не слышал никогда. Это через стиль дделается. style="padding-right:значение;" И вообще http://htmlbook.ru/css/?cat=9
Ness: Zenitchik Спасибо PS Могу и не такое найти, так как в css кхм... я очень не очень.
Zenitchik: Я вам с полной ответственностью скажу: проще изучить css, чем каждый раз так гемороиться. Вот вам очень хорошая статья для начала http://www.citforum.ru/internet/html/csstutorial.shtml
Ness: Zenitchik Zenitchik пишет: проще изучить css Не спорю увы... Обычным html'ем не обойтись
Zenitchik: Обойтись можно, но настолько геморно, что лучше этого не делать. css - в разы проще, чем HTML, изучить его можно за день, хотя бы по той же приведенной мной статье. А когда освоите стили - сможете СИЛЬНО упростить код страницы.
Souma: Здраствуйте. У меня просьба, но пока вернёмся на некоторое время назад. Я перечитал все (ладно многие) интересующие меня темы на вашем форуме и посчитал, что справлюсь с "таблицей вокруг форума" Однако мало что из этого вышло. Точнее вышло, но не все так гладко как я предполагал. Вместо таблицы 3х3 (как выше предлагал Mad) я создал 3х4 (так можно или из-за этого и все ошибки? Может было бы проще две линии верхних ячеех соединить в одну- картинки в смысле?), тоесть три столбца в каждом по 4 ячейки. А теперь к сути. Мне нужно, что бы кто-нибудь посмотрел мою таблицу и сам форум и сказал, что не так. Вот тестовый форум (сохранен сразу с ошибкой для наглядности, да и простых ошибок там тоже хватает ... ), а ниже код самой таблицы: Нтмл верх после <BODY> <center><TABLE align="center" border="0" cellPadding="0" cellSpacing="0 width="900px"> <tr> <td><img src="http://i045.radikal.ru/0801/8c/76a691d548c7.gif" height="94px" width="94px"></td> <td><img src="http://i013.radikal.ru/0801/e2/ed73fc769681.gif" height="94px" width="712px"></td> <td><img src="http://i042.radikal.ru/0801/65/62297c2c21b7.gif" height="94px" width="94px"></td> </tr> <tr> <td><img src="http://i026.radikal.ru/0801/5b/df1169b9d3d9.gif" height="630px" width="94px"></td> <td><img src="http://i033.radikal.ru/0801/40/fc750698c3d2.gif" height="712" width="630"></td> <td><img src="http://i023.radikal.ru/0801/30/639dec2e62fd.gif" height="630px" width="94px"></td> </tr> <tr> <td><img src="http://i008.radikal.ru/0801/4c/34d1d7a08e98.gif" width="94px"></td> <td> Хтмл низ перед </BODY></HTML> </td> <td><img src="http://i002.radikal.ru/0801/ed/af87ea65951e.gif" width="94px"></td> </tr> <tr> <td><img src="http://i004.radikal.ru/0801/4c/87bfc296be45.gif" height="258px" width="94px"></td><td><img src="http://i049.radikal.ru/0801/65/3b5e5d0a1185.gif" height="258px" width="712px"></td><td><img src="http://i045.radikal.ru/0801/9b/548f7a5f8b9d.gif" height="258px" width="94px"></td> </tr> </TABLE></center> И ещё... боковые, которые должны распространяться- этого не делают, что не так? ... Поможете? Очень нужно ... заранее огромное спасибо за любую помощь... Update: Вспомнил про repeat-y - это кажется что бы дублировалось по вертикали... так? Только пока менять не буду- боюсь допустить ещё большие ошибки)
Souma: Долго ожидая вашего ответа, я ещё немного помучился. Получилось лучше. Теперь таблица 3х3 (роли не меняет 3х3 или 3х4- проверил) с меньшим разбросом картинок по форуму. Осталось два нерешенных дела... не состыковка некоторых деталей и не дублировка боковых бордюров... Ссылка выше, а ниже коды... верх и низ. <BODY> <TABLE align="center" border="0" cellPadding="0" cellSpacing="0 width="900px"> <tr> <td><img src="http://i004.radikal.ru/0801/25/ab1b631e1fb3.gif" height="724px" width="94px"></td> <td><img src="http://i020.radikal.ru/0801/0d/acbc0bd0c73f.gif" height="724px" width="712px"></td> <td><img src="http://i027.radikal.ru/0801/60/4da5071cfa4c.gif" height="724px" width="94px"></td> </tr> <tr> <td><img src="http://i008.radikal.ru/0801/4c/34d1d7a08e98.gif" width="94px"></td> <td> <TABLE align="center" border="0" cellPadding="0" cellSpacing="0" width="700px"> <td vAlign=top> </td></TABLE></td> <td><img src="http://i002.radikal.ru/0801/ed/af87ea65951e.gif" width="94px"></td> </tr> <tr> <td><img src="http://i004.radikal.ru/0801/4c/87bfc296be45.gif" height="258px" width="94px"></td> <td><img src="http://i004.radikal.ru/0801/23/fe365de7e88e.gif" height="258px" width="712px"></td> <td><img src="http://i045.radikal.ru/0801/9b/548f7a5f8b9d.gif" height="258px" width="94px"></td> </tr> </TABLE> </BODY></HTML>
Souma: Ура- всё состыковалось (переместил большой баннер- он вид портил и как по взмаху волшебной палочки все состыковалось), однако так и не понял как дублировать. P.S. На кнопки своё драгоценное внимание не обращайте- не для этого форума делал ... да и блин комом) .... и ещё... ваш форум так долго грузится... или может только у меня ... наверное комп устал Update: Я так заработался, что теперь ломаю голову куда мне ставить таблицу, к примеру, с новостями... ведь в шапке у меня специально для этого вставленны/прорисованы "боксы" ... хм.... ... Теперь я запутался. ..Поможете? Почему пишу? Что бы вам меньше работы.
Zenitchik: Что за дурацкая привычка мультипостить... Ваша главная ошибка - вы вставляете картинки как элемент img, а надо как фон ячеек. Поэтому, они у вас и не дублируются. Ссылку на результат ваших последних трудов - в студию.
Souma: Простите... плохие учителя: ася и телефон Zenitchik Это первый труд (может мы не поняли друг друга?)... ... ... ... А фон- это как? ... то, что я сделал в коде самым последним вы видели зайдя только недавно на тестовой форум ...больше я ничего не менял (если вы об этом) Помогите решить мою самую главную ошибку.. я не до конца понимаю... хотя бы на одной картинке как пример покажите. Update: Я понимаю, что вы имеете ввиду background, но в голову сейчас не лезет решение ... *виновато улыбнулся, почесывая затылок* Update2: Вру- не первый труд, но тот был действительно "комом" и не был одобрен ...=)
Zenitchik: Все понял. Первый труд - это хорошо. Сейчас постараюсь научить. Рекомендую использовать стиль. Вот, например, ваш кусок кода <tr> <td><img src="http://i008.radikal.ru/0801/4c/34d1d7a08e98.gif" width="94px"></td> <td> <TABLE align="center" border="0" cellPadding="0" cellSpacing="0" width="700px"> <td vAlign=top> Это перед самым "телом форума". Я его правлю: <tr> <td style="background-image:url(http://i008.radikal.ru/0801/4c/34d1d7a08e98.gif);background-repeat:repeat-y;width:94px;"></td> <td> <TABLE align="center" border="0" cellPadding="0" cellSpacing="0" width="700px"> <td vAlign=top> Зеленым я пометил кусок, который менял. Я прописал стиль. Что это за зверь: значение style "background-image:url(http://i008.radikal.ru/0801/4c/34d1d7a08e98.gif);background-repeat:repeat-y;width:94px;" строка на языке CSS. Язык несложный - сами видите "свойство:значение;свойство:значение;свойство:значение;" А я сделал конкретно вот что: background-image:url(http://i008.radikal.ru/0801/4c/34d1d7a08e98.gif); - установил фоновый рисунок в ячейке; background-repeat:repeat-y; - разрешил дублировать рисунок только по Y; width:94px; - установил ширину ячейки 94px - почему так, а не свойством как было? просто потому, что раз сказал "А" - надо говорить "Б": раз начал писать стиль - надо его юзать по полной программе. Не запутал? С правой стороной справитесь?
Souma: Zenitchik Да-да! Думаю справлюсь! И теперь значит смогу в шапку таблицу пихать?! Ох хорошо то как! Огромное спасибо. Не будите против, если возникнут ещё вопросы- напишу?)
Zenitchik: Без проблем. Меня самого греет мысль, что кто-то сразу научится правильно, а не абы как и потом переучиваться будет. Знаете как я HTML изучал? Сохранял из ворда и экселя как веб страницы, а потом открывал блокнотом и рылся в коде. Вот тогда я и понял, что стиль не просто облегчает жизнь, а в некоторых случаях позволяет сделать код В РАЗЫ короче - например, когда работаешь с таблицей большой размерности.
полная версия страницы