Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
Форум поддержки IPB.SU > Поддержка модификаций > Окантовка профиля в сообщении |
Автор: Duka Апр 2 2008, 11:14 |
Сейчас мы сделаем окантовку профиля пользователя в сообщении, как показано на рисунке: Для начала, нам нужно в CSS стиля добавить следующий код: Скины и Шаблоны - Настройка скинов - [скин] - CSS Добавить в конец Код .memdetails { background: #fafcfe; border: 1px solid #cdd6e2; border-bottom-width: 2px; border-right-width: 2px; padding: 4px 3px 4px 3px; margin: 3px 1px 3px 1px; } Скины и Шаблоны - Настройка скинов - [скин] - HTML - Topic View Section - Post Entry Находим так примерно такой текст: Код {$author['title']}<Br> {$author['member_rank_img']}<br> {$author['member_group']} {$author['member_posts']} {$author['member_number']} и добавляем вокруг каждого из них Код <div class="memdetails"> и Код </div> Поясню, что здесь за окантовку отвечает <div class="memdetails">...</div>, т.е. вы сами можете конфигурировать изменение своего профиля. |
Автор: Foykys Апр 3 2008, 13:53 |
Я так понимаю можно любое доп.поле таким зделать. Спасиба. Одно поставлю ) |
Автор: Duka Апр 3 2008, 16:48 | ||
Да хоть что делай, хоть двухярусной) |
Автор: Добрый Апр 3 2008, 17:05 |
Закреплено |
Автор: 4yMogaHJkeee?! Апр 7 2008, 17:07 |
Скажите плз !! где выбирать какие поля профиля показывать а какие нет??? и как их выравнять по центру как у вас |
Автор: Alex Okonnor Апр 7 2008, 17:19 | ||||
В Post Entry убираете, то что вам не нужно и это отображаться не будет.
<center> </center> |
Автор: 4yMogaHJkeee?! Апр 7 2008, 18:40 |
Да всё отлично,спасибо. ПРосто align='center' почему-то не работал... ![]() |
Автор: Rozess Апр 9 2008, 21:28 |
спасибо, я поставил. Красивиноко получилось)![]() |
Автор: Рикки&Бонус Апр 17 2008, 13:44 |
Да. Классный мод. ![]() ![]() |
Автор: Рикки&Бонус Апр 17 2008, 13:49 |
А как изменить фон в этих штуках? ![]() |
Автор: Duka Апр 17 2008, 16:10 | ||||
Я ж в первом посте выложил:
CSS знаете? padding - отбивка border - толщина рамки, цвет и все такое.. background - цвет фона. Это вам нужно? Ищите в яндексе таблицу цветов, и вместо hex-цвета #fafcfe пишите свое. |
Автор: Рикки&Бонус Апр 17 2008, 16:17 |
а можно картинку поставить вместо background? |
Автор: Alex Okonnor Апр 17 2008, 17:42 | ||
Ответ : можно... Вопроса "как ?" небыло так что и отвечать не буду...учитесь, правильно составлять вопросы... |
Автор: Stimaxel Апр 17 2008, 18:10 |
LAF, ответь мне пожалуйста, как? |
Автор: Alex Okonnor Апр 17 2008, 18:19 |
Stimaxel, .memdetails { background-image: url(ссылка на картинку); border: 1px solid #cdd6e2; border-bottom-width: 2px; border-right-width: 2px; padding: 4px 3px 4px 3px; margin: 3px 1px 3px 1px; } Должно работать...сам не тестил...так что, не могу сказать на 100% что работать будет. |
Автор: Stimaxel Апр 17 2008, 18:27 |
LAF, спасибо попробую, патом отпишу тут |
Автор: Stimaxel Апр 17 2008, 22:07 |
классно работает, и цвет подогнал, крута, советую всем, очень легко сделать, главное внимательно |
Автор: Duka Апр 18 2008, 11:04 |
LAF,работать будет, именно так и задается фоновая картинка |
Автор: Таша Июн 5 2008, 21:10 | ||||
а как слелать чтобы ник тоже был по середине? куда ставить код? чё то я понять не могу |
Автор: Добрый Июн 5 2008, 21:15 | ||
Таша, Таша, там же в Post Entry В самом верху найдите
И замените на: <center>{$author['name']}</center> |
Автор: Alex Okonnor Июн 5 2008, 21:18 |
Таша, в пост интри найдите {$author['name']} и сделайте вот так <center> {$author['name']}</center> Должно работать) хехе Добрый вам быстрей меня ответ дал |
Автор: Таша Июн 5 2008, 21:20 |
Добрый, большое вам СПАСИБО) |
Автор: Foykys Авг 16 2008, 01:22 |
Сегодня у меня день вопросов очевидно. Можно ли зделать так чтобы по краям картинки были не хтмл коды с цветами. А Картинки. Допустим я загружу на Верхние углы Аватарки Картинку и на нижнюю и хочу чтобы они окоймяли все авки юзеров? |
Автор: Alex Okonnor Авг 16 2008, 01:35 |
Foykys, Можно поподробнее описать, что Вы хотите сделать...то я не как не могу понять.) |
Автор: Foykys Авг 16 2008, 01:58 |
Прошу скрин. Тоесть на нём показаннго на аваторе красными завитушками, примернго что должно получиться. |
Автор: Alex Okonnor Авг 16 2008, 02:56 |
Foykys, Тоесть, что бы на каждом аватаре такая вот тема была ? Тоесть такие вот "завитушки" ? |
Автор: Foykys Авг 16 2008, 04:31 |
Имено тема. Тоесть любые четыре угла я гружу и они обромляют аватар. |
Автор: Добрый Авг 16 2008, 08:22 |
Foykys, наврят ли.. |
Автор: Alex Okonnor Авг 16 2008, 15:42 |
Foykys, Есть идейка, как это сделать, но не уверен получиться ли...Сегодня проверю и напишу возможно ли. |
Автор: Foykys Авг 17 2008, 02:37 |
Идейка у меня есть, ток что-то не получается. Поидее нада обозначить места и туда впихнуть картинки в ксс. Ток у мя кривенько выходит. Как у вас успехи? |
Автор: Anikron Ноя 22 2008, 18:02 |
А как эти строки (колонки) сделать ближе друг к другу по веритикале? Заранее спасибо. |
Автор: Alex Okonnor Ноя 22 2008, 18:10 | ||
Там тэг <br /> убрать надо. |
Автор: Anikron Ноя 22 2008, 18:29 |
Помогло, спасибо! ![]() |
Автор: Re_G Ноя 22 2008, 22:57 |
У меня возникла небольшая проблемка... У меня на форуме в некоторых подфорумах стоят другие скины и при переносе вышеуказанного метода на эти скины, они отказываются выполнять команды, окромя выравниваний полей по центру, хотя я вроде перепроверил коды и в основном скине все превосходно работает. Какую я мог допустить ошибку? Или это не работает с несколькими скинами на одном форуме? (верится с трудом) |
Автор: Alex Okonnor Ноя 23 2008, 00:17 |
Re_G, Я с такой "фичой" не баловался (ну разные скины на разные форумы) но я думаю, Вам просто надо прописывать данный мод, в каждом скине... |
Автор: Добрый Ноя 23 2008, 00:29 | ||||
а в CSS нового скина вставляли в самый низ вот это: ?
Надо. |
Автор: Re_G Ноя 23 2008, 01:30 |
Добрый, вот это меня и удивило, что прописал в каждый скин, а все равно не работает О_о |
Автор: Добрый Ноя 23 2008, 03:23 |
Re_G, скин вы имеете виду HTML-шаблон или стиль? |
Автор: Dron Ноя 23 2008, 03:43 |
Re_G, Я что-то совсем не онимаю что там у вас стряслось... Разбераться не буду, могу поставить вам эту модификацию... за каждый скин возьму 30 wmr |
Автор: Re_G Ноя 23 2008, 12:59 |
Добрый, и туда и туда. Ладно, поищу сегодня косяк еще раз |
Автор: 4yMogaH Дек 9 2008, 19:27 |
Duka, спасибо Duka ты всегда втему! коротко и ясно ![]() |
Автор: SpeedFire Ноя 4 2009, 16:44 |
А как еще добавть картинки сверху и снизу? |
Автор: Dron Ноя 4 2009, 21:41 | ||
Какие картинки? Куда добавить? Научитесь четко формулировать вопросы, тут нет экстрасенсов чтоб читать ваши мысли. |
Автор: SpeedFire Ноя 4 2009, 23:58 |
Я имел ввиду то что бы вместо белых линий сверху и снизу етой же самой таблицы можно было добавить картинки. |
Автор: Dron Ноя 5 2009, 00:45 | ||
Я себе с трудом представляю что там у вас получается и какие линии вы имеете в виду, хорошо бы выложить скрин с комментариями. |
Автор: Добрый Ноя 5 2009, 07:24 |
SpeedFire, может это вам поможет. http://ipboard.net/index.php?showtopic=1529 |
Автор: VaXL Май 16 2010, 23:56 |
а можно ли отдельную окантовку сделать другого цвета? |
Автор: Сергей Май 17 2010, 03:47 |
Да, замените в коде, который нужно вставлять в CSS, background: #fafcfe; - только то, что выделено жирным шрифтом. |
Автор: VaXL Май 17 2010, 13:15 | ||
спасибо большое ![]() |
Автор: Potter Июл 30 2011, 20:00 |
А как под спойлер поставить, некоторые поля? |
Автор: Грея Июл 31 2011, 16:25 |
http://ipboard.net/index.php?showuser=1629, http://ipboard.net/index.php?showtopic=3787 |
Автор: asm-a Янв 12 2012, 14:56 |
Предложу свой вариант (очень подойдет для светлых скинов)![]() в CSS: Код .memdetails {color:#242424;text-shadow: 1px 1px 0px #ededed;border:1px;border-top:none !important;border-style:solid;border-color:#ababab;-moz-border-radius:2px;border-radius:2px;-khtml-border-radius:2px;border-radius:2px;background: #D5D5D5;background: -moz-linear-gradient(top, #E3E3E3, #D5D5D5);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E3E3), color-stop(100%,#D5D5D5));background: -webkit-linear-gradient(top, #E3E3E3, #D5D5D5);background: -o-linear-gradient(top, #E3E3E3, #D5D5D5);background: -ms-linear-gradient(top, #E3E3E3, #D5D5D5);background: linear-gradient(top, #E3E3E3, #D5D5D5);line-height:21px;height:21px;width:148px;} 2 пункт смотрите в начале темы. |
Автор: AweDer Май 18 2012, 22:51 |
Представляете у меня не работает хотя тут то нечего и делать по разному пробовал но никак не отображается самому смешно ![]() ![]() Может кто подскажет в чем дело? |
Автор: asm-a Май 18 2012, 23:27 |
http:///index.php?showuser=3536, хм, у вас на данном форуме отображается окантовка? |
Автор: AweDer Май 18 2012, 23:53 |
Цитата (аsm-а @ Май 18 2012, 23:27) http:///index.php?showuser=3536, хм, у вас на данном форуме отображается окантовка? Конечно тут все отображается но у меня на форуме ничего не выходит.Кстати сделать иконку полая тоже не могу такие вроде простые вещи но не выходит странно ![]() |
Автор: asm-a Май 19 2012, 12:26 |
Открываем пост ентри, вставляем куда нибудь код (можно даже наверх): HTML <script type="text/javascript"> var pol=document.getElementById('ipbwrapper').getElementsByTagName("span"); var ar=0; for (ar=0; ar<=(pol.length-1); ar++) { if (pol[ar].className=="pol") { if (pol[ar].innerHTML.indexOf("Мужчина")!=-1) { pol[ar].innerHTML="<img src='http://ipb.su/images/sm.gif' />" } else if (pol[ar].innerHTML.indexOf("Женщина")!=-1) { pol[ar].innerHTML="<img src='http://ipb.su/images/sf.gif' />" } else if (pol[ar].innerHTML.indexOf("")!=-1) { pol[ar].innerHTML="</span>" } } } <<span style='color:blue'>/script> И вставляем, например после аватара: HTML <span class="pol">$author[field_X]</span> Меняем вместо X на свою цифру доп. поля. Думаю, объяснять не надо дальше ![]() |
Автор: AweDer Май 19 2012, 12:38 |
Цитата (аsm-а @ Май 19 2012, 12:26) Открываем пост ентри, вставляем куда нибудь код (можно даже наверх): HTML <script type="text/javascript"> var pol=document.getElementById('ipbwrapper').getElementsByTagName("span"); var ar=0; for (ar=0; ar<=(pol.length-1); ar++) { if (pol[ar].className=="pol") { if (pol[ar].innerHTML.indexOf("Мужчина")!=-1) { pol[ar].innerHTML="<img src='http://ipb.su/images/sm.gif' />" } else if (pol[ar].innerHTML.indexOf("Женщина")!=-1) { pol[ar].innerHTML="<img src='http://ipb.su/images/sf.gif' />" } else if (pol[ar].innerHTML.indexOf("")!=-1) { pol[ar].innerHTML="</span>" } } } <<span style='color:blue'>/script> И вставляем, например после аватара: HTML <span class="pol">$author[field_X]</span> Меняем вместо X на свою цифру доп. поля. Думаю, объяснять не надо дальше ![]() в том то и дело что именно таки делал но нет ничего не иконки ни в профиле оформления ладно попробую еще помучатся если что отпишу ![]() ![]() |
Автор: asm-a Май 20 2012, 10:44 |
Вы не включили отображение дополнительных полей в СРU. |
Автор: AweDer Май 20 2012, 12:13 |
Цитата (аsm-а @ Май 20 2012, 10:44) Вы не включили отображение дополнительных полей в СРU. Емо ее простая вещь а я как всегда лопух не допер спасибо за подсказку ![]() |
Автор: AweDer Май 29 2012, 23:29 |
Администрация все же подскажите не игнорьте меня ![]() Вот код в стилях: [Показать/Скрыть] Попробовал сделать для пробы : Цитата <center><div class="memdetails">{$author['title']}</div></center> <br /> И не работает в чем все таки проблема? |
Автор: asm-a Май 30 2012, 09:53 |
Код <div class="memdetails"><center>{$author['title']}</center></div> Попробуйте так. P.S. пожалуйста, уберите ваш CSS в спойлер, или вообще удалите. |
Автор: AweDer Май 30 2012, 12:06 |
Так тоже не работает. |
Автор: AweDer Июн 27 2012, 17:11 |
Здравствуйте еще раз может кто скажет почему у меня это не работает? ![]() |
Автор: lesobaza Июн 28 2012, 12:07 |
У меня все работает |
Автор: AweDer Июн 28 2012, 14:17 |
lesobaza,в том то и дело делал на другом форуме все работает а тут на моем нет. |
Автор: Poli Ноя 3 2014, 23:48 |
Сделала окантовку профиля пользователя в сообщении, но вышло небольшое недоразумение, незаполненые поля (например: поле "Из: "), становятся пустой рамочкой, вместо того, чтобы вообще не отображаться, помогите пожалуйста это исправить. Вот пример: [Показать/Скрыть] |
Автор: AweDer Ноя 4 2014, 02:16 |
http://ipboard.net/index.php?showuser=4872,Весь ваш код с Post Entry покажите мне. |
Автор: Poli Ноя 4 2014, 03:24 |
Вот: [Показать/Скрыть] |
Автор: admin Ноя 4 2014, 16:22 |
http://ipboard.net/index.php?showuser=4872, замените Код <div class="memdetails">{$author['member_location']}</div> на: Код <script> <!-- if ("$author[member_location]" != "") { document.write('<div class="memdetails">{$author['member_location']}</div>') } //--> </script> |
Автор: Poli Ноя 4 2014, 18:05 |
http://ipboard.net/index.php?showuser=1, спасибо большое, теперь все замечательно и красиво получилось. ![]() |