Надеть на кнопки шапку - Форум
Страница 1 из 11
Форум » Форум веб мастеров » uCoz » Надеть на кнопки шапку
Надеть на кнопки шапку

BaniK
VIP
Сообщений 43
+
+4141
-
Ваши награды 2
BaniK написал: отредактировал: Ghostly_Phoenix - Четверг, 06.12.2012, 22:22 В ответ пользователя BaniK Написано 06 Декабря 2012 в 21:30
Сообщение № 1
Всем добрый день! Или могли бы вы мне помочь, я хочу прикрепиты шапку деда мороза до двух кнопок соц.сетей.
Вот код шапки:
Code
<div style="position:relative;"><a style = "background: url (http://webo4ka.ru/Ucoz7/new_2013/blue_chapka.png) no-repeat; width: 64px ; height: 64px; position: absolute; margin-left:-27px; margin-top:-10px; z-index: 9999; "/> $ COUNTER $ </ div>


А вот код моих кнопок соц.сетей:
Code
<script>
$. GetScript1
$ (Window). Scroll (function () {
if ($ (window). scrollTop ()> height) {
$ ("# Pagefixed1"). Show ("fast");
} Else {
$ ("# Pagefixed1"). Hide ('fast');
}
});
; Var height = 10 / / через сколько появится div при спуске вниз </ script>
<style>
# Pagefixed1 {display: none;
top: 70px ;/ * Отступ вверх * /
left: 1% ;/ * Отступ дело, если требуется слева то left: 8%, 8% меняем на Золотая например 10px * /
color: # fff! important; z-index: 50000; position: fixed; background: rgba (0, 0, 0, 0.5); padding: 6px; border-radius: 4px; color: white; text-shadow: 1px 1px 0px rgba (0, 0, 0, 0.4);} # pagefixed1 a {color: # fff! important;}. swchItemA {border-bottom: 3px solid # fff; margin-right:-3px; padding-rigth: 3px; }. swchItem {border-bottom: 1px solid # fff; margin-right:-3px; padding-rigth: 3px;} # pagefixed1 span {color: # fff! important; margin: 3px;}
</ Style>

<div id="pagefixed1">

<! - Put this script tag to the <head> of your page ->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"> </ script>

<script type="text/javascript">
VK.init ({apiId: 2846537, onlyWidgets: true});
</ Script>

<! - Put this div tag to the place, where the Like block will be ->
<div id="vk_like"> </ div>
<script type="text/javascript">
VK.Widgets.Like ("vk_like", {type: "vertical"});
</ Script>
<br>
<! - Поместить Этот тег туда, где должна отображаться кнопка +1. ->
<g:plusone size="tall"> </ g: plusone>

<! - Поместить Этот вызов функции отображения в соответствующее место. ->
<script type="text/javascript">
window.___gcfg = {lang: 'uk'};

(Function () {
var po = document.createElement ('script'); po.type = 'text / javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName ('script') [0]; s.parentNode.insertBefore (po, s);
}) ();
</Script>

</Div>


Как виглядают кнопки можете посмотреть у меня на сайте
«Пред. тема След. тема»

Вовчик
Администратор
Сообщений 8682
+
+2355
-
Ваши награды 314
Вовчик написал: В ответ пользователя Вовчик Написано 06 Декабря 2012 в 22:05
Сообщение № 2
ну вместо $ COUNTER $ вставляй код который нужно, а потом позицию настраиваешь position: absolute; margin-left:-27px; margin-top:-10px;
подпись: Если я помог тебе, помоги и ты мне Мой WMR --> R250600748056
p.s. это лучшее выражение благодарности))
Вовчик
Форум » Форум веб мастеров » uCoz » Надеть на кнопки шапку
Страница 1 из 11
Поиск:
Топ пользователей: