Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !

Tutorial - Analog Clock Personalizabil

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial - Analog Clock Personalizabil

Mesaj Scris de Zeus la data de Sam Mar 19, 2011 11:01 pm

Tutorial - Analog Clock Personalizabil


Multi dintre voi cred ca doriti sa va decorati forumul cu aplicand un ceas pe paginile acestuia,insa toate ceasurile pe care le gasim pe net contin reclame si alte elemente neplacute.
Navigand pe internet in cautare de ceva nou,am descoperit cum poti crea si personaliza un astfel de ceas si m-am gandit sa va arat si voua printr-un tutorial mult mai simplu.
Am creat pentru voi o serie ce imagini pentru aspectul ceasului,ca sin acestea sa o alegeti pe cea care se potriveste cu designul forumului vostru

Previzualizare:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Instalare:
-Putem introduce acest script pe pagina de start: PA => Afisare => Pagina de Start => Generalitati => Mesaj pe pagina de Start (Scriptul-ul va fi afisat DOAR pe pagina de start)
-Sau puteti introduce scriptul intr-un Widget: PA => Module => Portal & Widget-uri => Gestionarea Widget-urilor Forumului => Creati un widget personalizat (scriptul va fi afisat pe toate paginile unde apar Widget-urile)

***Introduceti urmatorul cod in una din locatiile prezentate mai sus:
Cod:
<script type="text/javascript" src="http://designart-public.bravehost.com/150_clock_jQuery%201.2.6.js"></script>
<script type="text/javascript" src="http://designart-public.bravehost.com/150_clock.js"></script>
<link href="http://designart-public.bravehost.com/150_clock_style.css" rel="stylesheet" type="text/css" media="screen,projection" />
***Pentru ca ceasul sa functioneze,acest cod trebuie sa ramana intact !

Acum pentru a putea alege culoarea ceasului introduceti urmatorul cod in continuarea celui de mai sus:
Cod:
<style>
    #clock {
           background: url(http://designart-public.bravehost.com/Clock-Black.png);
           }

</style>

***In acest cod modificati doar link-ul (adresa) imaginii de background cu una din cele postate in Spoilerul de mai jos:
Spoiler:

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Dupa ce am ales imaginea care se potriveste design-ului nostru vom introduce urmatorul cod in continuarea celor de mai sus:
Cod:

<ul id="clock">   
        <li id="sec"></li>
        <li id="hour"></li>
      <li id="min"></li>
</ul>


Pentru ca acest script sa functioneze corect,NU modificati nimic in afara de ceea ce am specificat mai sus !

Spor la treaba !

***Acest tutorial apartine forumului DesignART !
Reproducerea sau modificarea acestuia nu sunt permise fara acordul nostru !***


- Pentru orice nelamurire legata de acest tutorial va rugam sa postati
in sectiunea [Trebuie sa fiti inscris si conectat pentru a vedea acest link]


Tutorial realizat de BODO | DesignART

***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !


Ultima editare efectuata de catre BODO in Dum Mai 01, 2011 3:55 am, editata de 1 ori
avatar
Zeus
Administrator
Administrator

Mesaje Mesaje : 610
Credite Credite : 817
Reputatie : 6
Varsta Varsta : 22

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de Cataclismo la data de Dum Mar 20, 2011 2:33 am

Mulțumim mult.
Chiar căutam așa ceva!
avatar
Cataclismo
Membru Nou
Membru Nou

Mesaje Mesaje : 3
Credite Credite : 7
Reputatie : 0
Varsta Varsta : 21

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de Dystroy la data de Joi Iun 30, 2011 9:36 am

Chiar,mai surprins cu acest tutorial.Cred ca il voi aduga si eu.Mersi mult !
avatar
Dystroy
Membru DesignART
Membru DesignART

Mesaje Mesaje : 51
Credite Credite : 67
Reputatie : 0
Varsta Varsta : 22
Localizare Localizare : Pe glob

http://designart.forumhit.ro

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de BaCk la data de Dum Iul 03, 2011 5:15 am

Multumesc foarte mult BODO.Desi nu prea-mi place sa pun eu asa ceva pe forum, poate, dar poate, o sa fac o exceptie!
avatar
BaCk
Membru Onorific
Membru Onorific

Mesaje Mesaje : 90
Credite Credite : 90
Reputatie : 0
Varsta Varsta : 23

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de [x]sTyL[e] la data de Dum Iul 03, 2011 6:26 am

Foarte frumos , bravo !


[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
avatar
[x]sTyL[e]
Administrator
Administrator

Mesaje Mesaje : 504
Credite Credite : 560
Reputatie : 0
Localizare Localizare : Suceava

http://www.epicart.forumhit.ro

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de sowy la data de Dum Iul 03, 2011 6:49 am

Arata bine, bravo !
avatar
sowy
Membru DesignART
Membru DesignART

Mesaje Mesaje : 55
Credite Credite : 83
Reputatie : 0
Varsta Varsta : 20

http://StarART.ForumHIT.Ro

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de Mr.Pagnel la data de Lun Iul 25, 2011 8:00 am

Multumim, chiar foarte folositor


Ultima editare efectuata de catre ~papy~ in Lun Iul 25, 2011 11:15 am, editata de 1 ori
avatar
Mr.Pagnel
Moderator
Moderator

Mesaje Mesaje : 345
Credite Credite : 432
Reputatie : 3
Varsta Varsta : 27
Localizare Localizare : Rm. Valcea

http://designart.forumhit.ro

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de Kocos la data de Lun Iul 25, 2011 9:56 am

Hmmm ... Chiar arata bine , Multumim Very Happy
avatar
Kocos
Gold Member
Gold Member

Mesaje Mesaje : 354
Credite Credite : 166
Reputatie : 3
Varsta Varsta : 21
Localizare Localizare : Arad

http://proaim.wow3.info

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de m0Ney * la data de Dum Iul 31, 2011 11:29 pm

Explicit tutorialul.
Este foarte frumoasă și previzualizarea.
avatar
m0Ney *
Membru DesignART
Membru DesignART

Mesaje Mesaje : 25
Credite Credite : 30
Reputatie : 3
Varsta Varsta : 20

http://designart.forumhit.ro/

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de diablomcs la data de Mar Ian 03, 2012 5:07 am

Bravo Smile
avatar
diablomcs
Membru Nou
Membru Nou

Mesaje Mesaje : 4
Credite Credite : 4
Reputatie : 0
Varsta Varsta : 25

Sus In jos

Re: Tutorial - Analog Clock Personalizabil

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum