Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
Предыдущая тема: Общие вопросы по оформлению (64)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
kolobdur74
Ну и есчё одну просьбочку можно.....
Надо в данном скрипте (подписал что за скрипт) текст зделать белым цветом (так как табличка дерево). Сам чёт как то недоковырял как надо (все слова....замена аватар/постов/рейтинг/вы гость/войдите/зарегистрируйтесь)
<!-- ЮЗЕР-ПАНЕЛЬ -->
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="logoup") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id='u-panel'><div id='u-ava'><a href='/profile.php?section=avatar&id="+UserID+"' title='Замена аватар'><img src="+UserAvatar+"></a></div><div id='u-prof'><p><b>"+UserLogin+"</b></p><p>Постов: "+UserPosts+"</p><p>Рейтинг: "+UserRespectPlus+"</p></div></div>"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
while(arr ){
if(arr[i].id=="logoup" && GroupID == "3") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div id='u-panel'><div id='u-prof'>Вы <b>Гость</b>! <a href='login.php'>ВОЙДИТЕ</a> или <a href='register.php'>ЗАРЕГИСТРИРУЙТЕСЬ</a>.</div></div>"+name
}i++}
</script>
Надо в данном скрипте (подписал что за скрипт) текст зделать белым цветом (так как табличка дерево). Сам чёт как то недоковырял как надо (все слова....замена аватар/постов/рейтинг/вы гость/войдите/зарегистрируйтесь)
Над скриптом:
<style>
#u-panel {color: red;}
</style>
Вместо: color: red; нужный цвет..
Кстати, зделать - там с должна быть)) Немного глаз режет))
kolobdur74 зделать/сделать 
моя беда со школы (то так то так пишу)
Цвет не изминился 
Цвет не изминился
Потому что цвет уже был забит в Своем стиле:
#u-ava, #u-prof {color: #3B3021; display: inline-block; padding-left: 4px; text-shadow: 0 0 5px #F39456; vertical-align: top;}
Убери мой код и замени цвет в этом месте..
зделать/сделать
kolobdur74 Ну и хорош на сегодня 
итак я тебя грузил без остановки .....
Вот бы мне так натаскаться как и ты (в кодинге)
Есчё раз пасиб 
Вот бы мне так натаскаться как и ты (в кодинге)
Есть помощники:
Справочники и учебники по CSS, HTML, JavaScript
Инструменты для поиска и редактирования стиля (скриптов).
Правила приоритетов в CSS
Шпаргалки для начинающих по HTML и CSS
kolobdur74 Да это я всё видел.
Понимаешь. У меня столько других "думок" что в принципе и некогда, да и некуда думать об кодинге 
Переодически читаю по css и html, но для меня это не просто даётся.
Что-то копирую. Что-то запоминаю. Ну а большая часть этого, проходит мимо.
Ведь не мальчик уже. 
Но я стараюсь по мере возможности (по охотке).
Что ты можешь сказать о форуме http://for.ixbb.ru
Интересует вообще мнение "понимающего" человека (принимается любая критика). Возможно что-то изменю или дополню по твоему совету! 
Если надо вход, то ПиАрЩиК _ 123456
Извиняюсь за выхлоп мыслей 
Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 01:03:10)
Что ты можешь сказать о форуме http://for.ixbb.ru
Интересует вообще мнение "понимающего" человека (принимается любая критика). Возможно что-то изменю или дополню по твоему совету!
Красиво, но очень много лишнего кода.. Ты подгоняешь в одном месте, не учитывая, что код повторяется во многих других местах, соответственно у тебя начинаются сдвиги в других.. По хорошему тебе бы досконально изучить структуру форума с помощью инструментов для вебпрограммирования в браузере.. Вот к примеру, что ты хотел сделать этим кодом:
.category tr{
display:table;width:100%;
clear:both;position:relative;
}
Зачем строку таблицы превратил в таблицу? Зачем отменил флоат? Зачем там ширина в 100%? И зачем позиция для строки таблицы? Совершенно не нужный код, который тебе еще и ломает таблицу.. И опять таки я же показывал как лучше писать код, чтобы самому было удобно читать его.. Ведь не читабельно делаешь..
Переодически читаю по css и html, но для меня это не просто даётся.
Но основные моменты НТМЛ надо знать, к примеру обязательных тегов той же таблицы или обязательные теги списка.. Основные элементы, что они делают, и для чего они предназначены надо знать, а уже тогда вешать на них css.. В ином случае будет как с строкой, которую я выше как пример показал.. То есть тег <tr> - это обязательный тег таблицы, который отвечает за строку, внутри которой находятся обязательные теги ячейки <td> или <th>.. На тег строки <tr> как правило стилевые свойства не вешаются, тем более что строка мало поддается стилевым изменениям.. Я поэтому и писал шпаргалки по основным НТМЛ и CSS..
Отредактировано kolobdur74 (Вс, 5 Янв 2020 01:42:51)
Вот к примеру, что ты хотел сделать этим кодом:
Это довольно кривой хак: CSS трюки, по-другому на тот момент не придумал, как засунуть в строку таблицы градиентный разделитель
kolobdur74
1. Не я же писал данный диз (был взят готовый и частично писан/правлен).
2. То есть вот это:
.category tr{
display:table;width:100%;
clear:both;position:relative;
}
Надо найти и удалить? (в css) я правильно понял? (или как-то заменить)
3. По поводу градиент разделителя. Есть что-то более правильное?
³.¹_ Хотелось бы всё таки иметь красивый разделитель.
³.²_ Из выше сказаного мною
Переодически читаю по css и html, но для меня это не просто даётся.
Что-то копирую. Что-то запоминаю. Ну а большая часть этого, проходит мимо.
4. Вопрос. Счас есть какой-то смысл устанавливать счётчики топов (ну яндекс и гугл не всчёт).
Вопрос 2 частично отпадает
То есть вот это:
.category tr{
display:table;width:100%;
clear:both;position:relative;
}Надо найти и удалить? (в css) я правильно понял? (или как-то заменить)
Убрал.
Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 09:57:00)
по-другому на тот момент не придумал, как засунуть в строку таблицы градиентный разделитель
Ну, там псевдоэлемент и так вроде работает нормально..
Убрал.
Да, он по ходу не нужен, во всяком случае этот код ломал у тебя таблицу, если будут какие где глюки бум подумать..
Кстати, это:
<style>
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
float: right;
clear: right;
text-align:right;
line-height: 100%;
}
</style>
Неправильный код - он у тебя статистику ломает.. Попробуй такой вариант:
<style>
#pun-stats li {line-height: 100%;}
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
}
#pun-stats li.item3, #pun-stats li.item4 {text-align: right;}
</style>4. Вопрос. Счас есть какой-то смысл устанавливать счётчики топов (ну яндекс и гугл не всчёт).
Drs36, я уже отвечал - пользы от счетчиков нет, есть только вред, так как не твой форум они рекламируют, а ты их.. Вреда от счетчиков поисковиков нет, но и пользы нет, если ты в поисковиках зарегистрировал свой форум..
МАЧОнаДАЧЕ, а да, поменяй код: CSS трюки - по ходу все таки Свой стиль совсем не дружит с UTF-8..
МАЧОнаДАЧЕ, а да, поменяй код: CSS трюки - по ходу все таки Свой стиль совсем не дружит с UTF-8..
1. Я так и думал (по поводу счётчиков). Позже снесу их
2. Поставил правку
<style>
#pun-stats li {line-height: 100%;}
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
}
#pun-stats li.item3, #pun-stats li.item4 {text-align: right;}
</style>
Сломало бордер
Так что снёс опять
3. Поменял на @charset "Windows-1251";
Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 12:48:31)
Сломало бордер
Он и так у тебя сломан, а судя по твоему скриншоту, ты не убрал этот код:
<style>
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
float: right;
clear: right;
text-align:right;
line-height: 100%;
}
</style>
Поставь мой код вместо своего и дай посмотреть как выглядит..
kolobdur74
Да нет же всё убрано
Давай я те пасс в л/с кину (ты и посмотришь что да как) может есчё косяки найдёшь (скорее всего).
Отписал в л/с
Да нет же всё убрано
Где же убрано в НТМЛ верху:
<!--Убирает слово объявление-->
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<style>
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
float: right;
clear: right;
text-align:right;
line-height: 100%;
}
</style>
Давай я те пасс в л/с кину (ты и посмотришь что да как) может есчё косяки найдёшь (скорее всего).
Глянул как выглядит стиль изнутри - жуть, в плане читабельности.. Разбираться в таком стиле - это глаза себе сломать.. Пока лучше ограничиться правками, которые действительно бросаются в глаза.. Поправил статистику.. Стиль - жуть для правок..
kolobdur74
Вот вот вот..... 
Вообще (изначально) автор Герда 
(может у неё свой "особый" стиль)
дополнил:
Можешь в css подписать что к чему относится (то есть админка....профиль....шапка....подвал итд......тупо в заголовках подпиши) чтоб мне проще было искать и править
Отредактировано МАЧОнаДАЧЕ (Вс, 5 Янв 2020 15:01:12)
Вообще (изначально) автор Герда
Ну, она скорее всего его не предназначала для правок и оптимизировала код для машины.. Для человека такой код не годится, для поисковиков - самое то, считается оптимизированным, еще комментарии убрать..
kolobdur74
Дополнил прошлый свой пост
Что значит?
еще комментарии убрать..
Я тоже так думаю. Ведь она (судя по дизам) давольно хорошо в жтом разбирается
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
