Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)


Общие вопросы по оформлению (65)

Сообщений 1781 страница 1800 из 2001

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+4

1781

Deff
Хорошо, спасибо большое)
Буду пробовать

0

1782

Пытаюсь сдвинуть мини-аву автора последнего поста на главной, ставлю в конец первого окна стиля:
/* двигаем иконку автора поста на главной */
.punbb .user-avatar .avatar-image {
    float: right!important;
    margin-left:100px!important;
}
Но ничего не меняется. margin-left ставила разный, сейчас стоит 100. Как ее сдвинуть правее, ближе к ссылке на пост? Тестовик http://overtest.rolbb.ru/

Отредактировано Mirra Bell (Пн, 26 Окт 2020 12:41:31)

0

1783

Mirra Bell
Странно, вроде все двигается

Код:
.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    height: 36px;
    width: 36px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin-left: 50px!important;
}

0

1784

ACT3255
Этот код сидит в экстре и там нет margin-left, поэтому я ставлю свой кусок в стиль.

0

1785

ACT3255
Все подвинулось ) Оказывается, надо было сочетать левое поле и выравнивание по левому краю, а у меня было по правому.

+1

1786

Блин, теперь не могу подвинуть .punbb .user-avatar .isonline, болтается отдельно. )
Ставлю то же самое:
.punbb .user-avatar .isonline {
    float: left!important;
    margin-left:90px!important;
}
Но мигалка сидит на месте.

0

1787

Mirra Bell
а если добавить

Код:
right: -70px;

или просто минусовое значение?

Отредактировано ACT3255 (Пн, 26 Окт 2020 13:21:39)

+1

1788

ACT3255
О, ура, получилось ) Спасибо! ) Ждет минус от тартара

+2

1789

Не могу понять, это для чего, от чего, зачем ?

Нашла одно длинное тегушку находящийся у меня в ХТМЛ- низ. Играет ли какую нибудь серьёзную роль эти теги?

Код:
<script type="text/javascript"> 
// <![Курсор падающий снежок[ 
var colour="#00AAFF"; 
var sparkles=6; 

var x=ox=400; 
var y=oy=300; 
var swide=300; 
var shigh=600; 
var sleft=sdown=0; 
var tiny=new Array(); 
var star=new Array(); 
var starv=new Array(); 
var starx=new Array(); 
var stary=new Array(); 
var tinyx=new Array(); 
var tinyy=new Array(); 
var tinyv=new Array(); 

window.onload=function() { if (document.getElementById) { 
var i, rats, rlef, rdow; 
for (var i=0; i<sparkles; i++) { 
var rats=createDiv(3, 3); 
rats.style.visibility="hidden"; 
document.body.appendChild(tiny[i]=rats); 
starv[i]=0; 
tinyv[i]=0; 
var rats=createDiv(5, 5); 
rats.style.backgroundColor="transparent"; 
rats.style.visibility="hidden"; 
var rlef=createDiv(1, 5); 
var rdow=createDiv(5, 1); 
rats.appendChild(rlef); 
rats.appendChild(rdow); 
rlef.style.top="2px"; 
rlef.style.left="0px"; 
rdow.style.top="0px"; 
rdow.style.left="2px"; 
document.body.appendChild(star[i]=rats); 
} 
set_width(); 
sparkle(); 
}} 

function sparkle() { 
var c; 
if (x!=ox || y!=oy) { 
ox=x; 
oy=y; 
for (c=0; c<sparkles; c++) if (!starv[c]) { 
star[c].style.left=(starx[c]=x)+"px"; 
star[c].style.top=(stary[c]=y)+"px"; 
star[c].style.clip="rect(0px, 5px, 5px, 0px)"; 
star[c].style.visibility="visible"; 
starv[c]=50; 
break; 
} 
} 
for (c=0; c<sparkles; c++) { 
if (starv[c]) update_star(c); 
if (tinyv[c]) update_tiny(c); 
} 
setTimeout("sparkle()", 40); 
} 

function update_star(i) { 
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; 
if (starv[i]) { 
stary[i]+=1+Math.random()*3; 
if (stary[i]<shigh+sdown) { 
star[i].style.top=stary[i]+"px"; 
starx[i]+=(i%5-2)/5; 
star[i].style.left=starx[i]+"px"; 
} 
else { 
star[i].style.visibility="hidden"; 
starv[i]=0; 
return; 
} 
} 
else { 
tinyv[i]=50; 
tiny[i].style.top=(tinyy[i]=stary[i])+"px"; 
tiny[i].style.left=(tinyx[i]=starx[i])+"px"; 
tiny[i].style.width="2px"; 
tiny[i].style.height="2px"; 
star[i].style.visibility="hidden"; 
tiny[i].style.visibility="visible" 
} 
} 

function update_tiny(i) { 
if (--tinyv[i]==25) { 
tiny[i].style.width="1px"; 
tiny[i].style.height="1px"; 
} 
if (tinyv[i]) { 
tinyy[i]+=1+Math.random()*3; 
if (tinyy[i]<shigh+sdown) { 
tiny[i].style.top=tinyy[i]+"px"; 
tinyx[i]+=(i%5-2)/5; 
tiny[i].style.left=tinyx[i]+"px"; 
} 
else { 
tiny[i].style.visibility="hidden"; 
tinyv[i]=0; 
return; 
} 
} 
else tiny[i].style.visibility="hidden"; 
} 

document.onmousemove=mouse; 
function mouse(e) { 
set_scroll(); 
y=(e)?e.pageY:event.y+sdown; 
x=(e)?e.pageX:event.x+sleft; 
} 

function set_scroll() { 
if (typeof(self.pageYOffset)=="number") { 
sdown=self.pageYOffset; 
sleft=self.pageXOffset; 
} 
else if (document.body.scrollTop || document.body.scrollLeft) { 
sdown=document.body.scrollTop; 
sleft=document.body.scrollLeft; 
} 
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { 
sleft=document.documentElement.scrollLeft; 
sdown=document.documentElement.scrollTop; 
} 
else { 
sdown=0; 
sleft=0; 
} 
} 

window.onresize=set_width; 
function set_width() { 
if (typeof(self.innerWidth)=="number") { 
swide=self.innerWidth; 
shigh=self.innerHeight; 
} 
else if (document.documentElement && document.documentElement.clientWidth) { 
swide=document.documentElement.clientWidth; 
shigh=document.documentElement.clientHeight; 
} 
else if (document.body.clientWidth) { 
swide=document.body.clientWidth; 
shigh=document.body.clientHeight; 
} 
} 

function createDiv(height, width) { 
var div=document.createElement("div"); 
div.style.position="absolute"; 
div.style.height=height+"px"; 
div.style.width=width+"px"; 
div.style.overflow="hidden"; 
div.style.backgroundColor=colour; 
return (div); 
} 
// ]]> 
</script>

Отредактировано Светлана Ильисовна (Пн, 26 Окт 2020 20:11:54)

0

1790

ВОПРОС РЕШЕН ))))) СПАСИБО Deff

Это "Курсор Снежок" )) Прикольная штука. Если кому надо забирайте  :blush:

Написала в тег "Курсор падающий снежок", можете не писать, уже исправила )

Отредактировано Светлана Ильисовна (Пн, 26 Окт 2020 20:14:20)

+1

1791

привет!
проблема вот тут следующая: где-то тег [abbr] работает корректно (как здесь, под звёздочкой), а где-то содержимое не отображается: например, в этом сообщении и здесь, в подписи пользователя. с чем это может быть связано и как исправить?
Добавлено спустя 15 часов 54 минуты 11 секунд:
кажется, конфликтует со скриптом маски пользователя. но как исправить — всё ещё не понимаю.

Отредактировано К.Ц. (Сб, 14 Ноя 2020 14:14:14)

0

1792

К.Ц. написал(а):

кажется, конфликтует со скриптом маски пользователя. но как исправить — всё ещё не понимаю.

Ну это нужно обращаться к автору маски, возможно данная разновиднасть тега не прописана в скрипте, поэтому он его и не вставляет...

+1

1793

У меня такой вопрос по тем же ссылкам на последнее сообщение на главной. Оказалось, что мне надо не иконку автора поста двигать, так она начинает сливаться с самой ссылкой, а уменьшить ширину колонки последнего сообщения. Но если я уменьшаю .punbb .main .tcr, к примеру, до 15%, то в этой колонке все становится красиво и мне нравится. Но тогда уезжают иконки div.icon и получается вот так
https://funkyimg.com/i/38h1V.jpg
Как мне .punbb .main .tcr оставить прежней ширины, но сдвинуть div.icon влево, не меняя при этом ширину main .tcl? Должно быть вот так
https://funkyimg.com/i/38h1U.jpg
Прописать левое поле для каждого div.icon?

http://overside.rolbb.ru/

Отредактировано Mirra Bell (Чт, 29 Окт 2020 12:35:43)

0

1794

Mirra Bell
Ну может двигать паддингом   

.punbb .main .tcr {
  box-sizing:border-box;
  padding-left:40px;
}

+1

1795

Привет всем.
Блин, что-то листал, листал/читал, читал, так и не нашёл в данной теме ответа... хотя вроде говорил один знакомый, что здесь таковой должен быть.
Проблема в следующем:
http://prosto.bbmy.ru
Была создана кнопка "Наш журнал". Но по одной странице надоело выкладывать. Делаю теперь по несколько.
Как сделать так, чтобы страницы (скажем, 1, 2, 3 и 4) можно было просто "листать", прокручивая кнопкой на мыши?
Т.е. какой тэг нужно вставить в разделе "меню <Формы>" (Дополнительные пункты меню), чтобы добавить к первой страницы вторую, третью и т.д.?

0

1796

brother_bear_k написал(а):

Как сделать так, чтобы страницы (скажем, 1, 2, 3 и 4) можно было просто "листать", прокручивая кнопкой на мыши?

Ну есть такой код от Alex_63 Скрипты от пользователей 3 (Если ты про листания ссылок на страницы)

Отредактировано Deff (Чт, 29 Окт 2020 20:22:40)

0

1797

Mirra Bell
чет тя жизнь не учит...
намучалась исправлять Альмарен, теперь у того же дизайнера новый такой же код для этого форума берешь. :)

ща опять будешь опять мучаться:
http://forumupload.ru/uploads/0000/14/1c/16803/243385.jpg

а благодаря вот таким кодам у тебя опять будут другие стили "перебиваться"
http://forumupload.ru/uploads/0000/14/1c/16803/184878.jpg
там везде понатыкано background-color: transparent; и border-color: transparent; - причем от балды. на многое можно просто НЕ указывать цвет, чтобы его не было, но тебе заботливо обеспечили проблемы со всеми возможными "детьми", которые унаследуют прозрачность )

+1

1798

Герда
:dontknow:  ))

0

1799

Mirra Bell
а макет в этот раз дали?

0

1800

Герда
В смысле - псдшник?

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)