monkeyslut, Ох. У них это сделано, если я не ошибаюсь, скриптом. Простым css это не делается. Если просто и доступно:
В хтмл-низ:

<script type="text/javascript">
var Tips2 = new Tips($$('.Tips2'), {
	initialize:function(){
    this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
	},
	onShow: function(toolTip) {
    this.fx.start(1);
	},
	onHide: function(toolTip) {
    this.fx.start(0);
	}
});
 </script>

В стили:

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

Куда нужно:

<img src="адрес картинки" alt="mooCow" class="Tips2" title="This is my tip content" />

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

monkeyslut, Увы, для наград такое сделать нельзя.

monkeyslut, Так это и не модуль наград от русфф.
Это просто картинки в дополнительном поле, вы можете по моему коду так же сделать, в чём проблема?

Попытки разобраться с оформлением профиля повергли меня в отчаяние.
Скрин и Ссылка на форум
1. Куда ни пыталась, но внешнюю тень добавить для контейнера полей профиля (или как это обозвать), не вышло, а очень бы хотелось осознать, как это.
2. При рамке у аватара и центрировании аатар уезжает, а это еще и не максимально разрешенный на форуме (макс 190х190, на скрине 180). Центрирование по левому краю ситуацию исправляет только для 180, да и то видно, что оно неровно расположено. Уменьшить максимальный размер до годного не вариант, так что как-то нужно побороть. (Хотя бы как вариант, если убрать рамку у аватара, то расширить поле профиля что-ли. Нужный параметр не нашелся). А, и еще касательно самой рамки у аватара. Она идет не прямо обтекая его, а где-то вплотную, где-то с разрывом в 1-2 пикселя (на скрине эти отступы закрыты внутренней тенью под цвет рамки). И если аватар маленького размера (например, 100х100), то по ширине рамка остается фиксированного размера, изменяясь лишь в высоту. Получается вместо квадрата прямоугольник. С этим всем ведь можно как-то бороться?
3. При нажатии спойлера наград появляется окошко по оформлению как профиль. Хотелось бы убрать, чтобы спойлер разворачивался как бы внутри, без этой рамки.

И еще, сколько искала в интернете, не смогла найти уроки или что-то вроде по оформлению профиля резиновыми рамками-изображениями (как пример). Есть ли какая-нибудь наводящая информация по этому поводу? Или хотя бы рекомендации в чем и как копаться, не знаю )

Отредактировано .ruth (30-07-2013 01:01:07)

Простым указанием фона для отдельных контейнеров профиля.
Ник автора:

.pa-author {
    background: url("http://s0.uploads.ru/1ZzY6.png") no-repeat scroll -70px -141px transparent;
    color: rgb(206, 165, 95);
    height: 34px;
    margin-top: -18px !important;
    padding-bottom: 3px !important;
    padding-top: 25px !important;
    text-shadow: 0px 0px 2px rgb(0, 0, 0);
    width: 220px;
}

Аватар:

.pa-avatar {
    background: url("http://s0.uploads.ru/DxiSc.png") repeat-y scroll 2px 0px transparent;
    padding-right: 0px !important;
    width: 216px;
}

Статус:

.pa-title {
    background: url("http://s0.uploads.ru/1ZzY6.png") no-repeat scroll -70px -207px transparent;
    height: 30px;
    margin-left: 0px !important;
    position: relative;
    width: 196px;
    z-index: 2;
}

3е дополнительное поле:

.pa-fld3 {
    background: url("http://s0.uploads.ru/DxiSc.png") repeat scroll 2px 0px transparent;
    padding: 6px 12px 0px !important;
    width: 192px;
    margin-top: -20px;
}

1е дополнительное поле

.pa-fld1 {
    background: url("http://s0.uploads.ru/upcSj.png") no-repeat scroll -70px -270px transparent;
    line-height: 5px;
    margin-top: -10px;
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    width: 216px;
}

monkeyslut, здравствуйте. Гугл существует для того, чтобы с помощью него искали нужные вещи. стоит лишь правильно сформулировать: "подсказки на css3 и html"
Сам код:

<a title="Текст подсказки." class="tooltip">Ссылка</a>

Стили:

	<style type="text/css">
	
    .tooltip{
       	display: inline;
        position: relative;
    }
    
    .tooltip:hover:after{
        background: #333;
        background: rgba(0,0,0,.8);
        border-radius: 5px;
        bottom: 26px;
        color: #fff;
        content: attr(title);
        left: 20%;
        padding: 5px 15px;
        position: absolute;
        z-index: 98;
        width: 220px;
    }
    
    .tooltip:hover:before{
        border: solid;
        border-color: #333 transparent;
        border-width: 6px 6px 0 6px;
        bottom: 20px;
        content: "";
        left: 50%;
        position: absolute;
        z-index: 99;
    }
	
	</style>

И снова трагедия :'D на этот раз уже не пробник
Из-за размеров рамки и увеличенного поля под нее соответственно статус и заполненные доп. поля выезжают за границу. Не имею ни малейшего представления, как можно сжать "контейнер" под этим. если уменьшать саму ширину поля параметра (установленную на 236), то нещадно обрубается рамка, оставляя вырванный кусок под собой. эсоэс )

Отредактировано .ruth (01-08-2013 01:56:33)

dolen, и снова спасибо ))

LiRa, В этой же теме ответили недавно)
Просто убираете радиус)

http://savepic.org/4268173.png не пойму в чём дело, почему баннеры вылезают там? Я уже просмотрела коды верха и низа, но не мойму в чём дело

monkeyslut, адрес форума, пожалуйста? 

Escaldo, http://testforumru.rusff.ru/

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

Шикарнейшие, подскажите, что и где нужно убрать, чтобы при наведении на панель "форум, участники, поиск итд" не было эффекта выделения.
http://s4.uploads.ru/rxqZO.png

и что прописать чтобы фон, тот что внутренний, который прокручивается и из-за своей неоднородности цвета оставляет полосы так не делал.
http://s4.uploads.ru/nLtB7.png

адресс форума: http://teeeeest02.rusff.ru/

заранее спасибо)