Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » CMS, CSS, HTML, JAVASCRIPT, PHP, XML » Pamācības » Uinfobar V0.1 - Created By Qwerty Man (tas es uPANiK_ :D)
Uinfobar V0.1 - Created By Qwerty Man
Marks
Otrdiena, 11.09.2012, 1:29:04 | Ieraksts #1
VECĀ MIESA
Foruma ieraksti: 1472

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Marks raksta .. :



Tad nu šeit būs uInfoBar v0.1 pirmā versija.

HTML kods:

Code
<table cellpadding="0" cellspacing="0" style="margin-bottom:5px;">

      <tr>

          <td width="300" height="50" valign="top"><div class="contact" id="hover" height="100%"><center><span><b>Sazinies ar mums caur E-Pastu:</b></span></center><center>Rodas kādi jautājumi? Raksti uz e-pastu

info@uforums.gamehost.lv </center>

</div></td>

          <td width="300" height="50" valign="top"><div class="icq" id="hover" height="100%"><center><span><b>ICQ Kontakti:</b></span></center><center>Īso jautājumu gadījumā raksti mums uz

ICQ Numuru: 637290554</center>

</div></td>

          <td width="300" height="50" valign="top"><div class="youtube" id="hover" height="100%"><center><span><b>Seko mums @ YT.com:</b></span></center><br>

<center>...Drīzumā...</center>

</div></td>

          <td width="300" height="50" valign="top"><div class="info" id="hover" height="100%"><center><span><b>Uzmanību!!!</b></span></center>

<center>Tuvākajā laikā majaslapas domēns būs uforums.com vai nu arī uForums.info</center>

</div></td>

      </tr>

</table>


Un reku Būs CSS kods:

Code
.contact {color:#808080;padding-bottom:5px;padding-top:5px;padding-right:10px;padding-left:50px;border:1px solid #cdcdcd;background-image:url(/infobar/E-Mail.png);background-repeat:no-repeat;border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;-webkit-transition: 1s;

      -moz-transition: 1s;

      transition: 1s;opacity:0.4;

filter:alpha(opacity=40);}

.info {color:#808080;padding-bottom:5px;padding-top:5px;padding-right:10px;padding-left:50px;border:1px solid #cdcdcd;background-image:url(/infobar/information.png);background-repeat:no-repeat;border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;-webkit-transition: 1s;

      -moz-transition: 1s;

      transition: 1s;opacity:0.4;

filter:alpha(opacity=40);}

.youtube {color:#808080;padding-bottom:5px;padding-top:5px;padding-right:10px;padding-left:50px;border:1px solid #cdcdcd;background-image:url(/infobar/youtube.png);background-repeat:no-repeat;border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;-webkit-transition: 1s;

      -moz-transition: 1s;

      transition: 1s;opacity:0.4;

filter:alpha(opacity=40);}

.icq {color:#808080;padding-bottom:5px;padding-top:5px;padding-right:10px;padding-left:50px;border:1px solid #cdcdcd;background-image:url(/infobar/icq.png);background-repeat:no-repeat;border-radius:3px;

-moz-border-radius:3px;

-webkit-border-radius:3px;-webkit-transition: 1s;

      -moz-transition: 1s;

      transition: 1s;opacity:0.4;

filter:alpha(opacity=40);}

#hover:hover {background-color:#d9d9d9;-webkit-box-shadow:inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.03) 0px 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px;border:1px solid #111;-webkit-transition: 1s;

      -moz-transition: 1s;

      transition: 1s;color:#555555;opacity:1.0;

filter:alpha(opacity=100);-webkit-box-shadow: 0px 0px 2px 1px #9e9e9e;

box-shadow: 0px 0px 2px 1px #9e9e9e; }

#hover span {color:#ac320c;}


Attēlu pakotne Pielikumā. Atarhivējam info bar mapi, ielādējam FTP, un salabojam linkus css kodā. :)

InfoBara izmantoto attelu faili arhīvā. kas pieejams pielikumā :)
Pielikumi: 6245013.png(18.6 Kb) · infobar.zip(16.6 Kb)


http://localhost/index

Connect with me on discord: NSOrdinary#7147


Profth3tic
Otrdiena, 11.09.2012, 4:11:18 | Ieraksts #2
VECĀ MIESA
Foruma ieraksti: 580

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Profth3tic raksta .. :

Wow, paldies tev, diezgan noderīgi, nelikšu ucoz, bet nedaudz pārveidošu!


Ripoju HTML dizainus ,bez skriptiem(ucoz,php saitus)
Ja kādu dizainu vajag raksti man skypā - danix9112


Marks
Otrdiena, 11.09.2012, 4:28:12 | Ieraksts #3
VECĀ MIESA
Foruma ieraksti: 1472

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Marks raksta .. :

Prieks ka patīk savā ziņā viņam ir arī animācija, kas nav vienkārši hover un hops laukums automātiski gaišs. ir uzlikts css animacija. kas to padara vēl gllītāku.

šis ir tikai v0.1 takā būs vēl varianti :)


http://localhost/index

Connect with me on discord: NSOrdinary#7147


Profth3tic
Trešdiena, 12.09.2012, 3:37:06 | Ieraksts #4
VECĀ MIESA
Foruma ieraksti: 580

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Profth3tic raksta .. :

Quote (uPANiK_)
Prieks ka patīk savā ziņā viņam ir arī animācija, kas nav vienkārši hover un hops laukums automātiski gaišs. ir uzlikts css animacija. kas to padara vēl gllītāku.

šis ir tikai v0.1 takā būs vēl varianti :)


nu cerams ka nākamā versija būs labaka! :)



Ripoju HTML dizainus ,bez skriptiem(ucoz,php saitus)
Ja kādu dizainu vajag raksti man skypā - danix9112


Marks
Trešdiena, 12.09.2012, 3:38:06 | Ieraksts #5
VECĀ MIESA
Foruma ieraksti: 1472

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Marks raksta .. :

Gan jau būs. tik jalaujas iztelei, un prasmes jaliek lietā :D

http://localhost/index

Connect with me on discord: NSOrdinary#7147


uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » CMS, CSS, HTML, JAVASCRIPT, PHP, XML » Pamācības » Uinfobar V0.1 - Created By Qwerty Man (tas es uPANiK_ :D)
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja: gatisv8, plursik

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...