Kalendāru 3 CSS dizaini

Lappuse 1 no 1
1

Kalendāru 3 CSS dizaini (kalendārs)

Kalendāru 3 CSS dizaini

Korijs

Pirmdiena, 02.01.2012, 1:18:22 | Ieraksts #1

FORUMA DIKTATORS

Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Korijs raksta .. :

[Info]Pirms izmantojam CSS dizaina stilizējumu kalendāram, attiecīgi Jūsu portālā jābūt, piemēram, sānu blokā iekļautam pašam kalendāra kodam[/Info]

Code

<?if($CALENDAR$)?>$CALENDAR$<?endif?>

Dizains:

Customize design - Style sheet (CSS):

v1:

Code

/* Kalendārs
----------------------------- */
.calTable {
       border:1px solid #222;
       background:#666; }

.calMonth {
       text-align:center;
       font-weight: bold;
       padding: 5px 0px 5px 0px;
       background: #535353;
}

.calWday {
       font:9px Verdana,Arial,Helvetica,sans-serif;
       color:#fff;
       background:#3da031;
       padding: 3px 5px;
       outline: 1px solid #232423;
       border-top: 1px solid #93d787;
       border-left: 1px solid #f93d787;
}

.calWdaySu,
.calWdaySe {
       font:9px Verdana,Arial,Helvetica,sans-serif;
       color:#fff;
       background:#f15947;
       padding: 3px 5px;
       outline: 1px solid #232423;
       border-top: 1px solid #f89888;
       border-left: 1px solid #f89888;
}

.calMday {
       font:11px Verdana,Arial,Helvetica,sans-serif;
       color:#c7c7c7;
       text-shadow: 0px 1px 1px #000;
       font-weight:bold;
       padding: 5px;
       background: #333433;
       outline: 1px solid #232423;
       border-top: 1px solid #4f4f4f;
       border-left: 1px solid #4f4f4f;
}

.calMdayA {
       color:#fff; text-shadow: 0px 1px 1px #000;
       font-weight:bold;
       background:#2d9ed8;
       outline: 1px solid #232423;
       border-right: 1px solid #8cd1f4;
       border-bottom: 1px solid #8cd1f4;
}

.calMdayIs,
.calMdayIsA {
       font-weight:bold;
       background:#e675dd;
       outline: 1px solid #232423;
       border-right: 1px solid #fca6f5;
       border-bottom: 1px solid #fca6f5;
}

a.calMonthLink:link,
a.calMonthLink:visited,
a.calMonthLink:active {
       text-decoration:none;
       color:#fff;
}

a.calMonthLink:hover {
       text-decoration:none;
       color:#58e249;
}

a.calMdayLink:link,
a.calMdayLink:visited,
a.calMdayLink:active {
       text-decoration:none;
       color:#fff;
}

a.calMdayLink:hover {
       text-decoration:none;
       color:#c90000;
}
/* -------------------------- */

v2:

Code

/* Kalendārs
----------------------------- */
.calTable {
       border:1px solid #222;
       background:#044c78;
}

.calMonth {
       text-align:center;
       font-weight: bold;
       padding: 5px 0px 5px 0px;
       background: #1577b1;
}

.calWday,
       .calWdaySu,
.calWdaySe {
       font:9px Verdana,Arial,Helvetica,sans-serif;
       color:#fff; text-shadow: 0px 1px 1px #000;
       background:#1e6792;
       padding: 3px 5px;
       outline: 1px solid #0c3e5c;
       border-top: 1px solid #327096;
       border-left: 1px solid #327096;
}

.calMday {
       font:11px Verdana,Arial,Helvetica,sans-serif;
       color:#126596;
       text-shadow: 0px 1px 1px #fff;
       font-weight:bold;
       padding: 5px;
       background: #e9e9e9;
       outline: 1px solid #b1b1b1;
       border-top: 1px solid #fff;
       border-left: 1px solid #fff;
}

.calMdayA {
       font:12px Verdana,Arial,Helvetica,sans-serif;
       color:#fff; text-shadow: 0px 1px 1px #000;
       font-weight:bold;
       background:#42db5b;
       outline: 1px solid #b1b1b1;
       border: 1px solid #b8ffc4;
}

.calMdayIs,
.calMdayIsA {
       font:12px Verdana,Arial,Helvetica,sans-serif;
       font-weight:bold;
       background:#db4242;
       outline: 1px solid #b1b1b1;
       border: 1px solid #ffb1b1;
}

a.calMonthLink:link,
a.calMonthLink:visited,
a.calMonthLink:active {
       text-decoration:none;
       color:#fff;
}

a.calMonthLink:hover {
       text-decoration:none;
       color:#58e249;
}

a.calMdayLink:link,
a.calMdayLink:visited,
a.calMdayLink:active {
       text-decoration:none;
       color:#fff;
}

a.calMdayLink:hover {
       text-decoration:none;
       color:#111;
}
/* -------------------------- */

v3:

Code

/* Kalendārs
----------------------------- */
.calTable {
       border:1px solid #4c5663;
       background:#7f8792; }

.calMonth {
       text-align:center;
       font-weight: bold;
       padding: 5px 0px 5px 0px;
       background: #6f7274;
}

.calWday,
.calWdaySu,
.calWdaySe {
       font:9px Verdana,Arial,Helvetica,sans-serif;
       color:#fff; text-shadow: 0px 1px 1px #000;
       background:#671d9b;
       padding: 3px 5px;
       outline: 1px solid #4a1e69;
       border-top: 1px solid #9a65bf;
       border-left: 1px solid #9a65bf;
}

.calMday {
       font:11px Verdana,Arial,Helvetica,sans-serif;
       color:#eaeaea;
       text-shadow: 0px 1px 1px #000;
       font-weight:bold;
       padding: 5px;
       background: #4d4d4d;
       outline: 1px solid #252525;
       border-top: 1px solid #848484;
       border-left: 1px solid #848484;
}

.calMdayA {
       font:12px Verdana,Arial,Helvetica,sans-serif;
       color:#fff; text-shadow: 0px 1px 1px #000;
       font-weight:bold;
       background:#72a7d3;
       border: 1px solid #008aff;
}

.calMdayIs,
.calMdayIsA {
       font:12px Verdana,Arial,Helvetica,sans-serif;
       font-weight:bold;
       background:#8dda94;
       border: 1px solid #1b7223;
}

a.calMonthLink:link,
a.calMonthLink:visited,
a.calMonthLink:active {
       text-decoration:none;
       color:#fff;
}

a.calMonthLink:hover {
       text-decoration:none;
       color:#58e249;
}

a.calMdayLink:link,
a.calMdayLink:visited,
a.calMdayLink:active {
       text-decoration:none;
       color:#037000;
}

a.calMdayLink:hover {
       text-decoration:none;
       color:#fff;
}
/* -------------------------- */

Iznākums:

v1:

v2:

v3:

Pielikumi: 5922814.jpg (26.9 Kb) · 7596394.jpg (27.2 Kb) · 3021484.jpg (27.0 Kb)

Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM