• Live Your Life

    Объявление

    Новости
    Форум Фильтры заявок в кроссоверах.
    Сервис Обновление в настройках реакций.
    Сервис Проблемы с адресами на rolebb.com. Пополнение mybb-кредитов из разных стран.
    Сервис Подключение реакций ко всем форумам сервиса Квадро.
    Сервис Реакции, телеграм-бот и перенос кредитов с форума на форум.
    Форум Открыт доступ к разделу Личные темы участников.
    Форум Новое оформление - детали.
    Форум Новый адрес - urchoice.su.
    Общее VPN, Proxy и то, что не только ролевику пригодится.
    Интересное
    НеТеролевые Подкаст НеТеРолевые. Выпуск 4. Посты, размер, скорость, грамотность.

    Информация о пользователе

    Привет, Гость! Войдите или зарегистрируйтесь.


    Вы здесь » Live Your Life » Платные услуги » дизайн/графика от карамбы


    дизайн/графика от карамбы

    Сообщений 1 страница 20 из 31

    1

    * привет, я карамба

    • делаю макеты дизайнов, дизайны с версткой, орг.графику [аватары организационным аккам, баннеры, реклама], мелкую графику [аватары, эпы и т.д.], оформление сообщений с помощью html (1, 2, 3) или bb-code. Могу сверстать ваш макет, сделать мобильный стиль;

    • не делаю: дизайны на тесты;

    • минимальная стоимость дизайна - 2300 рублей [макет по вашему тз + верстка + установка с базовым набором скриптов];

    • минимальная стоимость верстки по вашему макету и тз - 1300 рублей;

    • сроки - от 2 до 14 дней [зависят от сложности и объема работы];

    • заказ принимается в свободном формате в тг - morrismoss или в лс с последующим переходом в мессенджеры;

    • беру 50% предоплаты [перевод на карту РФ (Тинькофф, Альфа, Сбер, Открытие) / киви];

    • предоплата возвращается, если сотрудничество не состоялась по моей вине;

    • тематика - любая;

    • работаю с вашими исходниками и по вашему тз в том стиле, который представлен в примерах работ;

    • люблю творческую свободу, а кто ее не любит хд;

    • * оставлю за собой право отказаться от выполнения заказа с объяснением причин;

    условия работы могут дополняться

    мелкая графика

    https://i.imgur.com/vqrkRVz.png https://i.imgur.com/jZfAzXf.png https://forumupload.ru/uploads/000b/09/4f/16772/370282.gif https://forumupload.ru/uploads/000b/09/4f/16772/829943.png

    https://i.imgur.com/yjd2tZq.png https://i.imgur.com/yUvv4jW.gif https://i.imgur.com/E7XWRg2.png https://i.imgur.com/SxYWuil.png https://i.imgur.com/xiufeRz.gif
    ------
    https://i.imgur.com/tPTOY8c.png https://i.imgur.com/TmH1pOY.gif
    ------
    https://i.imgur.com/ZqbqSGs.png https://i.imgur.com/Ngher0p.gif
    ------
    https://forumupload.ru/uploads/000b/09/4f/16772/567248.png

    десигн

    ------
    мои макеты
    ------
    https://forumupload.ru/uploads/0016/f1/95/7/t920498.png
    https://forumupload.ru/uploads/0016/f1/95/7/t975227.png
    https://forumupload.ru/uploads/0016/f1/95/7/t252109.png
    ------
    мои дизайн и верстка
    ------
    https://forumupload.ru/uploads/0016/f1/95/7/t209748.png
    https://forumupload.ru/uploads/0016/f1/95/7/t148578.png
    https://forumupload.ru/uploads/0016/f1/95/7/t360159.png
    https://forumupload.ru/uploads/000b/09/4f/16772/t52016.png

    Отредактировано Karamba (16-01-2023 09:03:10)

    +6

    2

    https://forumupload.ru/uploads/0015/1b/9c/4/t928149.png

    дизайн "молчат дома edition" [бесплатно]

    • подойдет для рус реала (?) и кроссовера;

    • уже стоит на коде + есть базовые необходимые скрипты;

    • настрою под вас;

    • можно изменить палитру (если вдруг не нравится оранжевый);

    • опционально могу сделать рекламу и аватарки для организационных акков;

    • другие минорные правки после обсуждения;

    • за подробностями и за "пощупать" писать в лс/тг;

    • звездочка в таблице анимированная.

    Отредактировано Karamba (08-08-2022 12:58:16)

    +4

    3

    https://forumupload.ru/uploads/0015/1b/9c/4/t454777.png

    доп.скрины

    https://forumupload.ru/uploads/0015/1b/9c/4/679043.png  https://forumupload.ru/uploads/0015/1b/9c/4/145163.png
    https://forumupload.ru/uploads/0015/1b/9c/4/951127.png

    дизайн "simple magic"

    • продан

    Отредактировано Karamba (27-11-2022 01:59:39)

    +3

    4

    https://forumupload.ru/uploads/0016/f1/95/7/t206633.png
    дизайн для Найт Спрингс

    +6

    5

    https://forumupload.ru/uploads/001b/a2/0e/5/t587219.png

    мобильный стиль и адаптированный код биржи для федерального бюро контроля

    https://forumupload.ru/uploads/001b/a2/0e/5/t16598.png

    Отредактировано Karamba (29-06-2022 11:20:36)

    +4

    6

    https://forumupload.ru/uploads/000b/09/4f/16772/t860611.png

    черепашье возвращение из месячного отпуска
    обновки для Night Springs 

    • слайдер событий в шапке

    • дополнительный светлый режим

    • другие минорные улучшения

    https://forumupload.ru/uploads/000b/09/4f/16772/t393969.png

    графика

    https://forumupload.ru/uploads/001b/a2/0e/5/752576.gif

    https://forumupload.ru/uploads/001b/a2/0e/5/431574.gif

    https://forumupload.ru/uploads/001b/a2/0e/5/424710.png https://forumupload.ru/uploads/001b/a2/0e/5/809680.png https://forumupload.ru/uploads/001b/a2/0e/5/238700.png https://forumupload.ru/uploads/0016/f1/95/7/145288.png https://forumupload.ru/uploads/001b/a2/0e/5/588599.gif https://forumupload.ru/uploads/0016/f1/95/7/43834.png https://forumupload.ru/uploads/0016/f1/95/7/117644.png https://forumupload.ru/uploads/0016/f1/95/7/529687.png

    +4

    7

    https://forumupload.ru/uploads/000b/09/4f/16772/548579.gif
    шкала прогресса мира для Потерянного поколения

    • html/css, jquery

    • простая настройка и заполнение

    • мои: макет, дизайн и базовая адаптация скрипта

    спасибо, что возвращаетесь  https://i.imgur.com/s8NeA3t.png

    +1

    8

    https://forumupload.ru/uploads/001b/a8/4b/2/t633180.png

    осеннее колдунство для Maleficorum

    доп.скрин

    https://forumupload.ru/uploads/001b/a8/4b/2/t13092.png

    • макет, верстка

    • реколор оргтем

    • частичное исправление и реколор кода подарков (было / стало)

    *особая благодарность вещему духу за консультацию

    Отредактировано Karamba (02-09-2022 11:44:23)

    +3

    9

    * 1 местечко на дизайн и/или верстку в сентябре
    забрали

    Отредактировано Karamba (19-09-2022 12:19:32)

    0

    10

    https://forumupload.ru/uploads/0016/f1/95/7/t338591.png

    осень для Night Springs
    *из нового:

    • слайдер очереди в шапке [работает на чистом html/css, реализован через target]

    • музыкальный плеер

    • навигация по темам [магия с помощью <details>, простая в настройке, экономит место]

    • другие минорные улучшения

    мобильный стиль

    https://forumupload.ru/uploads/0016/f1/95/7/t493679.png

    https://forumupload.ru/uploads/0016/f1/95/7/t294039.png

    https://forumupload.ru/uploads/0016/f1/95/7/t697199.png

    Отредактировано Karamba (09-10-2022 23:17:01)

    +4

    11

    * графика к осени для Night Springs

    https://forumstatic.ru/files/001b/a2/0e/56698.gif https://forumupload.ru/uploads/0016/f1/95/7/101307.png https://forumupload.ru/uploads/0016/f1/95/7/915089.png https://forumupload.ru/uploads/0016/f1/95/7/311530.png https://forumstatic.ru/files/001b/a2/0e/72602.gif https://forumupload.ru/uploads/0016/f1/95/7/623505.png https://forumupload.ru/uploads/0016/f1/95/7/709012.png https://forumupload.ru/uploads/0016/f1/95/7/510886.png

    https://forumstatic.ru/files/0016/f1/95/17569.gif

    https://forumstatic.ru/files/0016/f1/95/75764.gif

    Отредактировано Karamba (05-10-2022 12:24:53)

    +3

    12

    https://forumupload.ru/uploads/0016/f1/95/7/807735.png

    адаптивное* оформление гостевой [демо]

    • html/css, все элементы на flex

    • #минимализм

    • на спойлерах мой любимый details

    • можно настраивать под себя (цвета, размеры, шрифты, картинку**, иконки "звездочек")

    • по традиции, иконка звездочки в названии анимированная :3

    • код распространяется бесплатно с обязательным копирайтом (уже указан)

    • по всем вопросам/пожеланиям/замечаниям просьба писать в лс

    код и минигайд

    важные свойства для кастомизации:

    • background: #****** - цвет фона

    • color: #****** - цвет текста

    • ---------------------------

    • border: solid [стиль границы] *px [ширина границы] #****** [цвет границы];

    • border-radius: **px - радиус скругления углов, может быть в px или в %

    • ---------------------------

    • width: **px - ширина блока/элемента

    • height: **px - высота блока/элемента

    • max-width: **px - максимальная ширина блока/элемента

    • ---------------------------

    • font-family: rubik - название шрифта

    • font-size: **px - размер шрифта

    • font-weight: *** - толщина шрифта, по умолчанию значение regular - 400 [подробнее]

    • text-align - горизонтальное выравнивание [основные: center - по центру, left - по левому краю, right - по правому краю, justify - по ширине]

    Код:
    [html]<style>
    /**шрифт**/
    @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    
    /**общий блок**/
    .stargs {background: #fff; width: 650px; height: auto; border-radius: 20px; display: flex; flex-wrap: wrap; gap: 10px; padding: 15px; box-sizing: border-box; margin: 0 auto !important;}
    
    /**блок с названием**/
    .topst {display: flex; width: 100%; height: 50px; align-items: center; gap: 15px; border-bottom: solid 3px #000;}
    
    /**блок с названием -> звездочка**/
    .ist {width: 30px; height: 30px; transition: all 0.7s linear 0s;}
    .ist:hover {transform: rotate(90deg); transition: all 0.7s linear 0s;}
    
    /**блок с названием -> название форума**/
    .namest {font-family: rubik; font-weight: 900; font-size: 22px; color: #000;}
    
    /**блок с картинкой и инфой**/
    .bottomst {display: flex; gap: 15px;}
    
    /**блок с картинкой и инфой -> картинка**/
    .imgst img {border-radius: 20px; max-width: 160px;}
    
    /**блок с картинкой и инфой -> инфа**/
    .bottomst_r p {margin: 0; text-align: justify; font-size: 14px; font-family: 'Rubik'; color: #000; padding-bottom: 10px;}
    
    /**блок с картинкой и инфой -> спойлеры**/
    .bottomst_r details {padding: 10px 0; border-top: solid 3px #000; border-bottom: solid 3px #000;}
    .bottomst_r details:nth-child(2) {border-bottom: none;}
    
    /**блок с картинкой и инфой -> убираем дефолтные маркеры**/
    .bottomst_r details summary::-webkit-details-marker {display: none}
    .bottomst_r details > summary {list-style: none;}
    
    /**блок с картинкой и инфой -> название спойлера**/
    .bottomst_r summary {cursor: pointer; display: flex; align-items: center; gap: 10px; font-family: 'Rubik'; font-size: 18px; font-weight: 900; color: #000;}
    /**блок с картинкой и инфой -> звездочки в спойлерах**/
    .bottomst_r summary img {width: 30px; height: 30px;}
    
    /**блок с картинкой и инфой -> списки**/
    .bottomst_r details ul {margin: 0; padding: 5px 15px;}
    .bottomst_r details li {font-size: 10px; font-family: 'Rubik'; color: #000; list-style: none; line-height: 1.5;}
    
    /**блок с картинкой и инфой -> ссылки в списках**/
    .bottomst_r details li a {padding: 0 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}
    
    /**блок с картинкой и инфой -> навигация**/
    .navst {display: flex; flex-wrap: wrap; gap: 10px; padding: 10px 0;}
    
    .navst a {display: block; padding: 5px 10px; background: #000; border-radius: 15px; color: #fff !important; text-decoration: none !important; font-family: 'Rubik' !important; font-size: 10px !important; transition: all 0.3s linear 0s;}
    .navst a:hover, .bottomst_r details li a:hover {background: #fff; color: #000 !important; box-sizing: border-box; transition: all 0.3s linear 0s;}
    </style>
    
    <!--код гостевой by karamba-->
    <div class="stargs">
      <div class="topst">
        <div class="ist"><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"></div>
        <div class="namest">название форума</div>
      </div>
      <div class="bottomst">
        <div class="bottomst_l">
          <div class="imgst"><img src="https://placehold.co/160x300/000000/FFFFFF.png"></div>
        </div>
          <div class="bottomst_r">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
            <details>
              <summary> <img src="https://forumstatic.ru/files/0016/f1/95/58840.svg">занятые внешности</summary>
              <ul>
              <li>внешность - <a href="ссылка на профиль">имя</a> - до 13.10</li>
              <li>внешность - <a href="ссылка на профиль">имя</a> - до 13.10</li>
              </ul>
            </details>
    
            <details>
              <summary><img src="https://forumstatic.ru/files/0016/f1/95/58840.svg"> занятые роли</summary>
              <ul>
              <li>роль - <a href="ссылка на профиль">имя</a> - до 13.10</li>
              <li>роль - <a href="ссылка на профиль">имя</a> - до 13.10</li>
              </ul>
            </details>
    
            <div class="navst">
              <a href="ссылка">name link</a> 
              <a href="ссылка">name link</a>
              <a href="ссылка">name link</a>
              <a href="ссылка">name link</a>
              <a href="ссылка">name link</a> 
              <a href="ссылка">name link</a>
            </div>
          </div>
      </div>
    </div>
    
    [/html]

    * - по умолчанию ширина всего блока 650px для тех, кто не любит "резиновое". Найдите stargs, width: 650px; замените на width: auto; и блок растянется по ширине поста.
    ** - 160х300 - рекомендованный размер картинки, допускаются изображения и более длинные по высоте, смотрите на своему вкусу)

    +10

    13

    https://forumupload.ru/uploads/0015/1b/9c/4/t340785.png

    доп. скрины

    https://forumupload.ru/uploads/000b/09/4f/16772/t203361.png
    https://forumupload.ru/uploads/0015/1b/9c/4/t945321.png
    https://forumupload.ru/uploads/0015/1b/9c/4/t811800.png
    https://forumupload.ru/uploads/0015/1b/9c/4/t327211.png

    дизайн "words" [2000р]

    • уже стоит на коде + есть базовые необходимые скрипты;

    • есть дарк мод;

    • настрою под вас;

    • другие минорные правки после обсуждения;

    • за подробностями и за "пощупать" писать в лс/тг/дискорд;

    Отредактировано Karamba (09-10-2022 23:15:01)

    0

    14

    https://forumupload.ru/uploads/000b/09/4f/16772/803376.jpg

    оформление темы каста cyberpunk 2077 [демо]

    • html/css, переработка дизайна элементов от gwannon [github]

    • спойлеры на details, ul-li, трек на audio

    • простой в настройке/добавлении информации

    Отредактировано Karamba (17-10-2022 13:22:51)

    +3

    15

    https://forumupload.ru/uploads/0016/f1/95/7/t650389.png

    https://forumupload.ru/uploads/0016/f1/95/7/t838477.png

    верстка для Dream realm

    • фулл верстка по чужому макету

    • самописный скрипт для открытия/закрытия лого с таблицей, объединение полей статистики с помощью js, скрипт объединения сообщений и репутации

    • другие минорные правки, вычистка пула скриптов

    пост + минипрофиль

    https://forumupload.ru/uploads/0016/f1/95/7/t947387.png

    +3

    16

    https://forumupload.ru/uploads/0016/f1/95/7/t228409.png

    https://forumupload.ru/uploads/0016/f1/95/7/t372010.png

    верстка для 99 problem

    • фулл верстка по чужому макету

    • всплывающая таблица при наведении + плеер

    • редизайн гостевой темы на основе моего бесплатного оформления

    • другие минорные правки, вычистка пула скриптов и добавление новых

    доп.скрины

    https://forumupload.ru/uploads/0016/f1/95/7/t366424.png
    https://forumupload.ru/uploads/0016/f1/95/7/t334554.png
    https://forumupload.ru/uploads/0016/f1/95/7/t998520.png

    +3

    17

    https://forumupload.ru/uploads/0016/f1/95/7/t594649.png

    https://forumupload.ru/uploads/0016/f1/95/7/t33868.png

    верстка для little archive

    • фулл верстка по чужому макету, пока еще не стоит на чистовике

    • разработка плашки по макету

    • другие минорные правки, в планах вычистка пула скриптов

    быстрый ответ

    https://forumupload.ru/uploads/0016/f1/95/7/t258986.png

    Отредактировано Karamba (15-11-2022 11:48:19)

    +3

    18

    https://forumupload.ru/uploads/0016/f1/95/7/t672903.png

    верстка для Dream realm

    • фулл верстка по чужому макету

    • плеер в шапке

    • другие минорные правки

    доп.скрины

    https://forumupload.ru/uploads/0016/f1/95/7/t547853.png
    https://forumupload.ru/uploads/0016/f1/95/7/t642847.png

    +3

    19

    https://forumupload.ru/uploads/0016/f1/95/7/t802291.jpg

    оформление газеты на BBcode

    • работа на заказ в копилку интересных решений: оформление газеты без html

    • работает скрипт преобразования html в BBcode, фон задан через стили

    • на выходе получаем привычную всем табличку

    +5

    20

    https://forumupload.ru/uploads/0016/f1/95/7/t862783.jpg

    дизайн "зима дома" [2000р]

    • посмотрела в окно и словила озарение;

    • пока на стадии макета c планами на дарк мод, сверстаю с вашими правками;

    • доп.графика [реклама, баннер, аватары для орг. тем] в подарок;

    • за подробностями писать в лс/тг;

    +2


    Вы здесь » Live Your Life » Платные услуги » дизайн/графика от карамбы


    Рейтинг форумов | Создать форум бесплатно