Faq по дизайну

Тема в разделе 'Дизайны', создана пользователем klerik, 30 дек 2011.

  1. klerik Super Moderator

    Итак, создана тема для вопросов конкретно по дизайну, его изминений и редактирований!

    Правила темы:
    1. Вопросы задавать только по Дизайну. (Все остальное будет удаляться)
    2. Прежде чем задать вопрос убедитеь что ранее уже не задавался он.
    3. При написании вами вопроса ненужно флудить дабы на него быстрее ответили (флуд наказывается)
    4. Просьбы перерисовки и т.д. будут так же удаляться. (Для этого есть раздел http://core32.ru/forums/41/)
    Admin нравится это.
  2. klerik Super Moderator

    Немного о дизайне. Как известно дизайн чата VOC++ состоит из множества картинок, различного формата. Сейчас я вам раскажу немного о главных графических елементах дизайна.
    Расказывать буду по Стандартному дизайну (скрин соответственно зделан по нему)
    [IMG]

    1. Картинка: [IMG] Размеры (143х24) Путь (Ваш дизайн/grunge/grunge_09.gif)
    2. Картинка (здесь 2 картинки при включении и выключении они изменяются):
    1 картинка [IMG] Размеры (22х24) Путь (Ваш дизайн/grunge/grunge_12.gif)
    2 картинка [IMG] Размеры (22х24) Путь (Ваш дизайн/grunge/filter_on.gif)
    3. Картинка (здесь 2 картинки при включении и выключении они изменяются):
    1 картинка [IMG] Размеры (20х24) Путь (Ваш дизайн/grunge/grunge_11.gif)
    2 картинка [IMG] Размеры (20х24) Путь (Ваш дизайн/grunge/pause_on.gif)
    4. Картинка: [IMG] Размеры (23х24) Путь (Ваш дизайн/grunge/grunge_10.gif)
    5. Картинка: [IMG] Размеры (444х72) Путь (Ваш дизайн/grunge/grunge_05.gif)
    6. Картинка: [IMG] Размеры (655х20) Путь (Ваш дизайн/grunge/grunge_02.gif)
    7. Картинка: [IMG] Размеры (11х72) Путь (Ваш дизайн/grunge/grunge_06.gif)
    8. Картинка: [IMG] Размеры (224х24) Путь (Ваш дизайн/grunge/grunge_14.gif)
    9. Размеры (2х2000) Путь (Ваш дизайн/grunge/gradient.gif)
    10. Картинка: [IMG] Размеры (24х24) Путь (Ваш дизайн/grunge/down.gif)
    11. Картинка: [IMG] Размеры (24х24) Путь (Ваш дизайн/grunge/up.gif)
    12. Картинка: [IMG] Размеры (4х200) Путь (Ваш дизайн/img/down_buttons_menu.jpg)
    Admin и Экстрим нравится это.
  3. klerik Super Moderator

    Не маловажные елементы дизайна.
    Расказывать буду по Стандартному дизайну (скрин соответственно зделан по нему)
    [IMG]

    1.2 Чтобы изменить цвет в этих местах необходимо в дизайне найти и открыть такие файлы: menu_private.php и menu_public.php и далее редактируем их:
    В файлах находим такие строки:
    Код:
    <body bgcolor="#abd256" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    abd256 - цвет вашей полосы (на данный момен как на скрине зеленый).
    Если вы хотите сделать вместо цвета картинку, необходимо заменить кок который выше на этот:
    Код:
    <body height="24" background="<?=$current_design?>grunge/lin.gif"leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    и загрузить картинку в папку (Ваш дизайн/grunge) с названием lin.gif. Размеры картинки (ширина не имеет значения, а высота 24 px)
    2.2 Чтобы изменить цвет полос в списке пользвателей, а именно Все, Клан, Девушка, Парни, Админы, Шаманы, Они необходимо в дизайне найти и открывать файл voc.php и далее редактируем его:
    Находим такие строки:
    - Строка Все. Цвет строки: 7EC63E - меняйте на свое
    - Строка Админы. Цвет строки: FB400D - меняйте на свое
    - Строка Шаманы. Цвет строки: FFB900 - меняйте на свое
    - Строка Кланы. Цвет строки: BCD560 - меняйте на свое

    - Строка Девушки. Цвет строки: ff02bf - меняйте на свое
    - Строка Парни. Цвет строки: FD6801 - меняйте на свое
    - Строка Они. Цвет строки: 666666 - меняйте на свое

    3.2 Картинка (здесь 2 картинки при включении и выключении они изменяются):
    1 картинка [IMG] Размеры (12х13) Путь (Ваш дизайн/img/utalk.gif)
    2 картинка [IMG] Размеры (12х13) Путь (Ваш дизайн/img/uignore.gif)
    4.2 Картинка (здесь 2 картинки меняются в зависимости от пола):
    1 картинка [IMG] Размеры (16х16) Путь (Ваш дизайн/img/female.ipg)
    2 картинка [IMG] Размеры (16х16) Путь (Ваш дизайн/img/male.jpg)
    5.2 Картинка (здесь 2 картинки изменяются при наявности фото):
    1 картинка [IMG] Размеры (16х16) Путь (Ваш дизайн/img/have_photo.jpg)
    2 картинка [IMG] Размеры (16х16) Путь (Ваш дизайн/images/no_photo.gif)
    6.2 Картинка: [IMG] Размеры (18х18) Путь (Ваш дизайн/img/amul_curse.gif)
    Так же есть амулеты, картинки которых зависят от количества амулетов:
    Картинка: [IMG] Размеры (18х18) Путь (Ваш дизайн/img/amul_red.gif)
    Картинка: [IMG] Размеры (18х18) Путь (Ваш дизайн/img/amul_blue.gif)
    Картинка: [IMG] Размеры (18х18) Путь (Ваш дизайн/img/amul_orange.gif)
    Жемчужинка и Экстрим нравится это.
  4. klerik Super Moderator

    7.2 При необходимости изменить цвет данного эелемента дизайна, необходимой в дизайне найти и открыть файл voc.php и далее редактируем:
    Находим такие строки:
    Код:
                  write('</head><body bgcolor="#f1f1f1" text="#000000" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>\n');

    - f1f1f1 это цвет вашего элемента.
    При необходимости вставить Графический элемент заменяем код который написан выше на этот:
    Код:
                  write('</head><body background="<?=$current_design?>grunge/down_buttons_menu.jpg" text="#000000" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>\n');

    8.2 Картинка: [IMG] Размеры (16х16) Путь (Ваш дизайн/grunge/er.gif)
    9.2 Для измимения цвета кнопок, необходимо в дизайне открыть style.css и редактируем его
    Находим такие строки:
    Код:
    .input {  font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 10pt; color: #000000; height: auto; width: auto; border: #98C00B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
    .input_button {  font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 10px; background-color: #7E9B16; color: #FFFFFF; height: auto; width: auto; border: #98C00B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
    7E9B16 - цвет кнопок.
    При необходимости вставить графический элемент замените код который выше на этот:
    Код:
    .input { font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 10pt; color: #000000; height: auto; width: auto; border: #98C00B; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
    .input_button {  font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 10px; background-color: #ff0000; background-image: url(сылку на вашу картинку); color: #FFFFFF; height: auto; width: auto; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
    Intel и Экстрим нравится это.
  5. klerik Super Moderator

    Два способа:
    Первый (будет такой цвет только в одном дизайне в котором меняешь) открываешь в дизайне файл sender_visible.php находишь такое:
    Код:
    <font size=1><b><?=ucfirst($w_roz_msg)?>:</b></font>
    заменяешь на такое
    Код:
    <font color="#ffffff" size="1"><b><?=ucfirst($w_roz_msg)?>:</b></font>
    потом находишь такое:
    Код:
    <font size=1><b><?=ucfirst($w_roz_who)?>:</b></font>
    заменяешь на это:
    Код:
    <font color="#ffffff" size="1"><b><?=ucfirst($w_roz_who)?>:</b></font>
    Второй (будет во всех дизаходним цветом) открываешь файл /languages/ru.php и находишь такие строки:
    Код:
    $w_roz_who                              = "для кого";
    замени на
    Код:
    $w_roz_who                              = "<font color='#ffffff'>для кого</font>";
    Потом найди:
    Код:
    $w_roz_msg                              = "сообщение";
    замени на
    Код:
    $w_roz_msg                              = "<font color='#ffffff'>сообщение</font>";
    sametzz нравится это.
  6. sametzz Новый Пользователь

    "Очищать после отправки" "I" "U" " транслит" "стиль" тоже в этом же файле меняются, как по первому способу?

    а где именно? можеш подсказать? в каких строчках?
  7. klerik Super Moderator

    ищи вот такие строки:
    Код:
    <small><?php echo $w_clear_nick_after; ?>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</small>
     
    <small><I>I</I></small>
    <small><u>U</u></small>
     
    <small><?php echo $w_roz_translit; ?></small>
     
    <small><?php echo $w_roz_style; ?></small>
    
  8. klerik Super Moderator

    Т.к. Я покамисть с тела то могу ток сказать как его ширину сузить к 0
    Код:
    <?php if(!$cu_array[USER_REDUCETRAFFIC]) { ?>50, <?php } ?
    >
    50 - ширина. ну это естественно его не уберет. А так поищи и попробуй полностью удалить такой фрейм в воке [/voc_smile] (сделай копию я не могу тебе тестить щас и точно сказать).

    И да если удалишь полностью этот фрей что выше написал то и удали это полностью
    Код:
    <?php if(!$cu_array[USER_REDUCETRAFFIC]) { ?>50, <?php } ?
    >
    по стандарту до значения 200
    mychatik нравится это.
  9. Леша Новый Пользователь

    Народ подскажите можно ли как то убрать градиет в списку смайлов и поставить другую картинку не такую как в списку пользователей? ну тоисть что бы список пользователей там так и остался градиент гиф а в списку смайлов другая картинка была в каком файле??
  10. klerik Super Moderator

    Да конешно можно. Непомню в корней или дизайновский файл smiles (сам посмотри) идет инклуд pictures.php с этого файла берет туда стиль. Выхода два либо утрать в пиктурей теги боби_старт и боби_енд, либо убрать инклуд и прописатт отдельно фон или картинку в этот файл
  11. mychatik Новый Пользователь

    Спасибо! Всё получилось!

    Я сделал так:
    Всё верно? Или что-то ещё нужно сделать?
  12. klerik Super Moderator

    Вернемся к фреймам. Щас раскажу как изменить размер и убрать фрейл который выделен на картинке:
    [IMG]
    Итак для изменения высоты, открываем voc.php с дизайна и ищим:
    PHP:
    <frameset rows="0,20,72,*,0,0" framespacing="1" scrolling="no" frameborder="YES" bordercolor="#3D4976" onLoad="giveMeChat();">
    72 - это и есть ваша высота.

    Теперь как убрать полностью этот фрейм. Открываем тот же voc.php с дизайна и ищим и удаляем такие строки (в стандартном файле это 797-798 строки):
    PHP:
        window.frames['top_top'].document.location.href='<?php echo $current_design;?>top.php';
        window.frames['top_banner'].document.location.href='<?=$current_design?>remote_rbs.php';
    Далее, ищим и удаляем такие строки:
    PHP:
     <frameset cols="444,*" framespacing="0" scrolling="no" frameborder="no" bordercolor="#3D4976" >
      <frame name="top_top" src="<?php echo $current_design?>blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0">
      <frame name="top_banner" src="<?php echo $current_design?>blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0">
    </frameset>
    Потом, находим строку:
    PHP:
    <frameset rows="0,20,72,*,0,0" framespacing="1" scrolling="no" frameborder="YES" bordercolor="#3D4976" onLoad="giveMeChat();">
    И заменяем ее на эту:
    PHP:
    <frameset rows="0,20,*,0,0" framespacing="1" scrolling="no" frameborder="YES" bordercolor="#3D4976" onLoad="giveMeChat();">
    ВАЖНО!!! Если убираете данный фрейм, необходимо проделать это: СМОТРИТЕ ЗДЕСЬ (иначе у вас будут проблемы с отправкой сообщений)
  13. Жемчужинка В клубе

    Столкнулась сегодня с проблемой смены цвета списка пользователей в градиенте. Напишите плиз шпаргалку на будущее. Как раз этот вопрос ещё не затрагивался в теме.:p
  14. shturman Новый Пользователь

    как говорится когда не надо всегда под рукой а когда необходимо то фиг найдёш)

    По существу как поменять фон окна сообщений, и поставить туда картинку фоном?
    Видел и не раз а щас найти не могу(((

    ой спасибо тебе, а ещё вопрос как чтобы картинка отображалась в правом нижнем углу а фон был белый чтоб меньше грузило трафика у пользователей
  15. klerik Super Moderator

    Открываешь voc.php с дизайна, и ищи сткоки которые в третьем посте. Вотэ та строка для ВСЕ:
    Код:
    write('<tr><td height=20 bgcolor="#7EC63E"> <div align="center"><b><a href="javascript:;" onClick="parent.Whisper(\'<?php echo $sw_usr_all_link; ?>\');"><font color="#FFFFFF"><?php echo $w_usr_all; ?></a> (');
    И вместо:
    Код:
    bgcolor="#7EC63E"
    Вставить:
    Код:
    background="<?=$current_design?>grunge/название картинки.формат"
    И закидываешь картинку в дизайн в папку grunge, высота картинки 20px. Вытосу можно регулировать в этой же строке в том месте:
    Код:
    height=20


    В стандартном voc.php с дизайна найди такую строку:
    Код:
    var hdrLine6 = '<script language="javascript">\n var pause = 0;\n function up()\n {\nif (pause == 0)\n { \nscrollTo(0,10000000);\n} \n}\n </'+'script'+'>\n</head><body bgcolor="#fafafa" marginwidth="2" marginheight="2" topmargin="2" leftmargin="2" >\n';
    
    И замени на эту:
    Код:
    var hdrLine6 = '<script language="javascript">\n var pause = 0;\n function up()\n {\nif (pause == 0)\n { \nscrollTo(0,10000000);\n} \n}\n </'+'script'+'>\n</head><body bgcolor="#FFFFFF" marginwidth="2" marginheight="2" topmargin="2" leftmargin="2" ><style type=text/css> body {background-image : url(http://путь); background-attachment :fixed; background-repeat: no-repeat; background-position: right bottom; }</style>\n';
    
    (должно быть все норм)

Поделиться этой страницей