Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Цветова схема - CSS

Последователи

12 февруари 200719 г.

Значи може ли да ми кажете как да направя така... сайта да има няколко цвята и примерно посетителя на сайта да избере примерно червен цвят сайта става червен (картинките или фона както се направи) и други цветове. Дано сте ме разбрали. Благодаря ви предварително smiley

Пример: studio-bg.com

12 февруари 200719 г.

Значи може ли да ми кажете как да направя така... сайта да има няколко цвята и примерно посетителя на сайта да избере примерно червен цвят сайта става червен (картинките или фона както се направи) и други цветове. Дано сте ме разбрали. Благодаря ви предварително smiley
Пример: studio-bg.com

Незнам дали използването само на CSS е достатъчно, но в комбинация с JavaScript ще ти свърши работа.

Ето и код с който най-лесно се сменя цвета

<html>

<head>

<title>Change color</title>

</head>


<body>

<img src="RED_buton.gif" onClick="document.getElementById('divIDName').style.color='#FF0000'">

<img src="GREEN_buton.gif" onClick="document.getElementById('divIDName').style.color='#00FF00'">

<img src="BLUE_buton.gif" onClick="document.getElementById('divIDName').style.color='#0000FF'">


<span id="divIDName">Blah blah blah</span>

</body>

</html>

По същия начин можеш да сменяш и други настройки на шрифта

.style.fontWeight = 'bolder';

.style.fontStyle = 'italic';

Редактирано 12 февруари 200719 г. от yvsot (преглед на промените)

12 февруари 200719 г.

Автор

Ам значи представи си.... имам 3 картинки червена, зелена, синя.... значи искам вместо надписите да се сменят картинките според цвета им. Видях го тва в един тамплет за сайт, но вече го нямам та там беше точно със CSS

12 февруари 200719 г.

Ти имаш 3 бутона (червен, зелен и син) и ти показах как да смениш шрифта като кликнеш върху тях, а с този код сменяш фона на цялото тяло на страницата:

<html>

<head>

<title>Change color</title>

</head>


<body id="divIDName">

<img src="RED_buton.gif" onClick="document.getElementById('divIDName').style.background='#FF0000'">

<img src="GREEN_buton.gif" onClick="document.getElementById('divIDName').style.background='#00FF00'">

<img src="BLUE_buton.gif" onClick="document.getElementById('divIDName').style.background='#0000FF'">


</body>

</html>

Аналогично се използва и .style.backgroundImage='url(kartinka.jpeg)'

Аз незнам как би могъл да направиш желаните ефекти само с CSS, но ти препоръчвам да потърсиш повече информация в MSDN. По-специално внимание отдели на Dynamic Properties.

Редактирано 13 февруари 200719 г. от yvsot (преглед на промените)

14 февруари 200719 г.

Здрасти,

Това което искаш се нарича "тема" (theme). Същото както темата на Windows-а.

За да имаш различни теми ти трябват различни фаилове със класове (css), които да сменяш динамично. Още ти трябва всяка част на сайта ти да има собствен стил клас, за да може при смяната на темата да се смени и този елемент на сайта.

Ако използваш динамично генериране на страница, можеш да субмитваш темата и тя да се използва.

Ако използваш статична страница, темата пак може да се смени като използваш javascript . Тогава трябва да зареждаш всички теми са различни id-та като показваш само първата а другите ги скриваш. При смяна показваш избраната тема а скриваш старата.