Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (54)
Предыдущая тема: Общие вопросы по оформлению (53)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
помогите пожалуйста
мой форум http://toutatout.liveforums.ru/
нашла одну штучку вот на этом форуме http://floodonline.ru/ и хотела её установить у себя, только сменив место, но проделав массу манипуляций не могу корректно установить что бы всё было в рамочке, фото как то с горем попалам смогла вставить в рамку и саму рамку переместила, а текст и профиль ЛС и выйти не могу никак, плюс форум весь сместился, но это я уже проделывала много раз, надеюсь с умею всё вернуть, когда та новая штучка будет на месте где мне хочется её видеть
Сделайте скриншот своего форума, - выделите красным прямоугольником, место куда будет вставляться
(Возможно стоит вернуть все в меню до попыток установки)
=================
Зы: Критика: Для зеленого цвета ссылок на Главной - фон слишком светлый - я бы покрыл его однотонным полупрозрачным слоем в Фш темного цвета
как то так, рамка на месте а вот надписи не могу установить напротив фотографии
Отредактировано Слонка (Пт, 14 Ноя 2014 00:13:07)
как то так, рамка на месте а вот надписи не могу установить напротив фотографии
Восстановите все без попыток изобрести - ибо под гостем всё по другому, и тогда сделайте скриншот.
Я так понимаю, что засунуть всё нун в рамку с аватаром в шапке ?
вот как гость в опере
и здесь удалила все
этот код ставила в свой стиль
Код:/* панелька Приветсвия */ #wrp0 .container{ padding:0em 2em 0em 1.47em; color:#e9d2fa; text-shadow:#a6d5ea 3px 3px 12px,#000 1px 1px 0px; line-height:100%; font-size:13px; text-align:center; font-weight:1200; font-family:'Palatino Linotype'; margin-left:600px; display:inline-block; } #wrp0 a[href="/register.php"], #wrp0 .item2 strong,#wrp0 .item2{display:block;} #wrp0 .buttOn{ display:inline-block; text-align:center; } #wrp0 a{ color:#EDEDED; font-size:16px; text-shadow:none; text-shadow:#1f80ab 1px 1px 01px; } #wrp0 span a{ text-shadow:none; } #wrp0 a:hover{ color:#1f80ab; } #wrp0 button { font-size: 12px!important; padding:1px 5px 2px 5px; margin:0; }
а этот в HTML низ
Код:<!-- панелька Приветсвия--> <div id="wrp0" style="display:none;margin-right:55px;width:306px;height:130px;top:190px;position:absolute;z-index:100;padding:12px"> <img class="av0r" height="94" style="margin-top:-145px;float:right;margin-right:-540px;border:outset 1px #C8BFE7;" src="http://savepic.org/1864006.png" alt="Аватар"/> <!-- Тут Приветствие Пользователю --> <span class=buttOn style="padding:0;margin:0;margin-top:-12px;width:1550px;"><a href="../profile.php?id=####"><button>Профиль</button></a> <a href="../messages.php"><button><img class="alr" src="https://forumstatic.ru/files/000f/a2/9c/88254.gif" style="display:none;position:absolute;z-index:100;margin-left:-4px;margin-top:15px;"/>ЛС</button></a> <a href="../login.php?action=out&id=####"><button>Выход</button></a></span> </div> <script>$("#wrp0").prepend('<img id=Bgimg2 style="margin:-74px auto auto 450px;" src="http://s2.uploads.ru/9h0qT.png"/>');</script> <script type="text/javascript"> if(typeof(UserID)!='undefined'){$("#wrp0 .buttOn").html($("#wrp0 .buttOn").html().replace(/####/img,UserID)); $("#pun-status .container").insertAfter("#wrp0 .av0r") if(typeof(UserAvatar)!='undefined'){if(UserAvatar!=''){$("#wrp0 .av0r").attr("src",UserAvatar)}}; $("#pun-navlinks #navprofile,#pun-navlinks #navpm,#pun-navlinks #navlogout").hide(); if($("#pun-navlinks #navpm a span").text().indexOf("(")!=-1){$("#wrp0 .alr").show()} }else { $("#wrp0 .buttOn,#pun-navlinks #navregister,#pun-navlinks #navlogin").hide(); $("#pun-status .container").insertAfter("#wrp0 .av0r") $("#wrp0 .container").css({"font-size":"18px","margin-top":"0px"}) } $("#wrp0 .container .item2").html($("#wrp0 .container .item2").html().replace(/\.$/,' ')) $("#wrp0").css({"opacity":0.0});$("#wrp0").show() $("#wrp0").animate({"opacity":1.0}, 2300 ) </script><!-- панелька-->
Отредактировано Слонка (Пт, 14 Ноя 2014 00:14:17)
Слонка
Подумаю, и покавыряюсь до завтра (Киньте тестовый ник пароль в личку - чтобы потом глянуть под юзером
Слонка
Пробуйте так:
/* панелька Приветсвия */
#wrp0{
display:none;
background:url(http://s2.uploads.ru/9h0qT.png) no-repeat;
/*outline:solid 1px red;*/
margin-left:455px;
width:437px;
height:270px;
top:130px;
position:absolute;
z-index:100;padding:12px;
}
#wrp0 .container{
padding:0em 2em 0em 1.47em;
color:#e9d2fa;
text-shadow:#a6d5ea 3px 3px 12px,#000 1px 1px 0px;
line-height:100%;
font-size:13px;
text-align:center;
font-weight:1200;
font-family:'Palatino Linotype';
margin:147px -85px 0 85px;
display:inline-block;
width:150px;
}
#wrp0 a[href="/register.php"],
#wrp0 .item2 strong,#wrp0 .item2{display:block;}
#wrp0 .buttOn{
display:inline-block;
text-align:center;
}
#wrp0 a{
color:#EDEDED;
font-size:16px;
text-shadow:#1f80ab 1px 1px 01px;
}
#wrp0 span a{
text-shadow: #A6D5EA 3px 3px 12px, #000000 1px 1px 0px;
}
#wrp0 a:hover{
color:#1f80ab;
}
#wrp0 button {
text-shadow:none;
font-size: 12px!important;
padding:1px 5px 2px 5px;
margin:0;
}
#pun-title {
padding-bottom:128px;
}
#pun-ulinks{
margin-top:-180px;
}
.punbb #wrp0 .container{}
<!-- панелька Приветсвия-->
<div id="wrp0" style="">
<img class="av0r" height="94" style="margin-top:125px;float:right;margin-right:55px;border:outset 1px #C8BFE7;" src="http://savepic.org/1864006.png" alt="Аватар"/>
<!-- Тут Приветствие Пользователю -->
<span class=buttOn style="display:block;padding:0;margin:-2px 0 0 92px;width:200px;"><a href="../profile.php?id=####"><button>Профиль</button></a> <a href="../messages.php"><button><img class="alr" src="https://forumstatic.ru/files/000f/a2/9c/88254.gif" style="display:none;position:absolute;z-index:100;margin-left:-4px;margin-top:15px;"/>ЛС</button></a> <a href="../login.php?action=out&id=####"><button>Выход</button></a></span>
</div>
<script type="text/javascript">
if(typeof(UserID)!='undefined'){$("#wrp0 .buttOn").html($("#wrp0 .buttOn").html().replace(/####/img,UserID));
$("#pun-status .container span.item3").remove();
$("#pun-status .container").insertAfter("#wrp0 .av0r");if(typeof(UserAvatar)!='undefined'){if(UserAvatar!=''){$("#wrp0 .av0r").attr("src",UserAvatar)}};
$("#pun-navlinks #navprofile,#pun-navlinks #navpm,#pun-navlinks #navlogout").hide();
if($("#pun-navlinks #navpm a span").text().indexOf("(")!=-1){$("#wrp0 .alr").show()}
}else {
$("#wrp0 .buttOn,#pun-navlinks #navregister,#pun-navlinks #navlogin").hide();
$("#pun-status .container").insertAfter("#wrp0 .av0r")
$("#wrp0 .container").css({"font-size":"18px"})
}
$("#wrp0 .container .item2").html($("#wrp0 .container .item2").html().replace(/\.$/,' '))
$("#wrp0").css({"opacity":0.0});$("#wrp0").show()
$("#wrp0").animate({"opacity":1.0}, 2300 )
</script><!-- панелька-->
Пробуйте так:
спасибо большое, вставила первый во втором окне стиля вверху и тогда стало появлятся во всех браузерах, а то всё вниз опускалось и без рамки, правда остальное сместилось, ну эт вроде должно быть легче, думаю разберусь, ещё раз спасибо за помощь, ну если не разберусь то ещё вернусь
Слонка
Вы наверно не последовали совету и не воткнули стиль в конец Первого Окна, а поставили на то же место
(Да, Он вначале второго Окна... ну и...
не воткнули стиль в конец Первого Окна, а поставили на то же место
не, всё сделала как было написано, в конец первого окна, в самый низ, и отображалось только в моём браузере, айрон чего то, а в остальных никак и только переместив в самый верх второго окошка, всё сработало и в других браузерах, может в моём стиле напортачила я там где то что всё не так срабатывает или скрипты лишние мешают, ну главное в любом случае заработало 
Слонка
Попробуйте воткнуть cтиль прямо перед скриптом, в тегах <style>
Должно быть так:
http://sa.uploads.ru/yWm2G.png
Попробуйте воткнуть cтиль прямо перед скриптом, в тегах <style>
ухты, почти всё вернулось на свои места, спасибочки, мне осталось меньше работы
P.S. а почему в вашей опере не отображаются мои рамки?
Слонка
Я не понимаю про какие рамки - ткните на скриншоте стрелками
Всем привет. Я хотел спросить - как мне сделать чтобы текст не был серый http://republican12.rolevaya.net/
не изменяя стиль на другой. Используя тот, который стоит там... т.е. где например идет описание меню, заголовок, разделы, и описание планет и сбоку где пишется активность той или иной темы например на нейтральный цвет который посталю я лично???
Джедай 2011
Cделайте скриншот, ткните стрелками во все места, где надо поменять
Deff
Подскажи как сделать скриншот... очень редко приходилось делать... операционка 8.1.
Отредактировано Джедай 2011 (Пт, 14 Ноя 2014 17:37:44)
вот где тексты чтобы они были определенного цвета вместо серого... тоже самое с остальной частью... в т.ч. и сами пункты меню...
Джедай 2011
1. Вы пишите не в том разделе "Оффтоп!"=> пишите тут => Общие вопросы по оформлению (54)
2. Поставьте простую прогу => http://desksoft.ru/index.php?forum=7&th=291 Ткните на скриншотах стрелками - где менять(там есть простенькое "рисование")
Отредактировано Deff (Пт, 14 Ноя 2014 18:25:34)
Стрелками я отметил что именно меня интересует в данном случае там несколько разделов на примере одного раздела выделил как текст по умолчанию сделать другим цветом, который я сам выделил для цвета... т.е. по-стандарту там светло-серый а я вместо него хочу другим цветом отметить... как это сделать?
Джедай 2011
Позже отвечу, слегка занят( Лучше зайти Вам с утра - ответ будет)
Deff
Хорошо... буду ждать....
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (54)
