Как сделать надпись прямо на аватарке?

На моей аватарке на прозрачном фоне написать мое имя

#1 14 января 2013 в 00:15
И например чтоб у каждого пользователя на аватарке написать его имя.

И еще интересно как сделать бекграунд какого нить модуля аватарку пользователя. Спасибо
#2 14 января 2013 в 00:52
пользуйте поиск запрос аватарка и тд и тп
#3 14 января 2013 в 00:57
нету в поиске.

в догонку — как сделать вкладки фиксироваными?
тоесть чтобы кнопка профиль была фиксированной. position: fixed прописываю в стиле- не получается.
#4 14 января 2013 в 02:39

тоесть чтобы кнопка профиль была фиксированной

Emosko
как минимум нет такой кнопки)
но можно, к примеру, создать див прям в шаблоне и указать position: fixed и другие нужные стили, внутри дива прописать нужную кнопку...

Ну и по вопросам видно что даже html далек от вас — совет, ищите в нете подобнае реализации и смотрите исходник страницы чтоб понять как сделано) хотя без элементарных понятий html будет и это тяжко...

И например чтоб у каждого пользователя на аватарке написать его имя.

Emosko
тоже реализаций может быть несколько.
к примеру посмотрите шаблон instantcms.ru/blogs/blog-dezerit-web-group/shablon-screen4you.html
там есть слайдер — в слайдере картинка на которую наложены элементы графика и текст) маржины всяки и падинги могут помочь)
#5 14 января 2013 в 03:46
Ну если недумая, то можно примерно так сделать, если я понял о чем речь. На форуме тестировал



Можно так попробовать в styles.css найти .post_userlink и добавить

left: 227px;
position: fixed;
top: 180px;

А там уж думайте :)
#6 14 января 2013 в 04:29

Ну если недумая, то можно примерно так сделать, если я понял о чем речь. На форуме тестировал

Искус
а я за профиль подумал)

… без фона не пойдет, ибо если аватарка будет в синих оттенках, надпись будет не видна)
#7 14 января 2013 в 04:42
reload, Ну тут уже все от фантазии зависит, я только подтолкнул, куда копать :)
#8 14 января 2013 в 07:47

reload, Ну тут уже все от фантазии зависит, я только подтолкнул, куда копать :)

Искус
ну да, я просто подумал что вы среди строк сумели прочесть где именно нужно)
автор ведь так подробно все описал что не знаешь что и посоветовать)

вообще нравятся вопросы типа "как сдвинуть блок вправо" а что за блок, где он, и как выводится — сами догадывайтесь)

вот шедевр:

бекграунд какого нить модуля аватарку пользователя


набор слов ведь!
#9 14 января 2013 в 12:27
Спасибо что откликнулись.
Искус.
нужно примерно то что у вас на картинке, но не совсем понял зачем это делать через стиль. тем более что я удалил юзерлинк

вообщем примерно нужно следущее.
1. Как сделать фиксированым. В стиле ставлю position:fixed — не получается. Сверху мои сообщения, настройки и т.д. удалю; чтоб вкладки фиксировались наверху.

2 и 3. "изменить аватарку" хочу поставить иконкой справа внизу на аватарке.
а имя и инфа о пользователе на аватарке слева где нить наверху.



#10 14 января 2013 в 13:23
Emosko, нужно редактировать не только стили, но и com_users_profile.tpl. Там надо грамотно расставить все блоки по иерархии и исключить их зависимость друг от друга. Затем уже править стили с позициями.

В вашем случае я вижу, что стилями вы так просто не отделаетесь точно. Нужно править шаблон в приведённым мною выше файле.
#11 14 января 2013 в 13:31
Azura
спасибо. вставил стиль позишн-фиксед в этом файле и он встал.

теперь осталось имя, инфа и изменить аватар поставить на аватарку
#12 14 января 2013 в 13:41
Emosko, Ну это легко, пропишите позицию абсолют, и топом подымите блок на аватарку. А там добавьте уже нужный бекграунд
#13 14 января 2013 в 14:13
Искус
и это сделал спасибо.

только вот почему вкладки при опускании вниз уходят за изображение опубликованное на стене.
также оно уходит за полупрозрачный фон размещенный под инфу пользователяя.
#14 14 января 2013 в 16:20
Emosko, Какие вкладки? Вы воспроизведите, чтоб видно было
#15 14 января 2013 в 16:31
Искус


это я опустился на мою стену. на которой опубликована фотка.
так эти вкладки заходят за эту фотку. а надо ведь чтоб наоборот.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.