Games-Portal


Bun venit pe Colorful Life, Guest !
Pentru a beneficia de toate serviciile forumului va recomandam sa va Inregistrati si/sau sa va Conectati !
Recomandam browser-ele:

HomeHome  PortalPortal  CalendarCalendar  GalleryGallery  FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  RegisterRegister  Log inLog in  


 





Anunt(cod css)



Rang: Membru

Warn Warn : 1x Warn
Mesaje Mesaje : 11
Reputaţie Reputaţie : 1
Data de inscriere Data de inscriere : 2011-06-06
Credite Credite : 27268



View user profile

PostSubject: Anunt(cod css) Fri Jun 10, 2011 10:57 am

Buna din nou,
Am tot urmărit în ultima vreme unele forumuri din platforma ForumGratuit, am observat ca uni administratori ai forum-lor postează anunțuri sau actualizări sub forma unei foi foarte eleganta gen :Sfatul de marti - Cod pentru schimbarea cursorului pe forum..
M-am documentat și am luat un cod css postat de ei pe forum pentru o anumita foaie eleganta:link
Codul luat :
Code:
    [table cellspacing=0 style="table-layout:fixed; width: 100%;"][tr][td width=15 height=15 style="border: 0px; background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: no-repeat;"][/td][td style="border: 0px; background: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: repeat-x;"][/td][td width=15 height=15 style="border: 0px; background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: no-repeat;"][/td][/tr][/table][table cellspacing=0 style="table-layout:fixed; width: 100%;"][tr][td width=15 style="border: 0px; background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: repeat-y;"][/td][td style=" padding: 15px; border: 0px; background-color: #E1EBF2;"][center][url=http://forumgratuit.ro][size=25][b][u]FORUMGRATUIT.ro[/u][/b][/size][/url]


    FORUMGRATUIT.ro[/center][/td][td width=15 style="border: 0px; background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: repeat-y;"][/td][/tr][/table][table cellspacing=0 style="table-layout:fixed; width: 100%;"][tr][td width=15 style="border: 0px; background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: no-repeat;"][/td][td style="border: 0px; background: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: repeat-x;"][/td][td width=15 height=15 style="border: 0px; background-image: url('http://illiweb.com/fa/pbucket.gif'); background-repeat: no-repeat;"][/td][/tr][/table]
Am modificat ce am modificat, dar ce am obținut este o foaie foarte simplu, ma gîndeam poate ma ajutați voi cu ceva, sau macar unele modificări la codul de mai sus astfel sa arate cat de cat elegant...
Va mulțumesc













avatar
Rang: Administrator

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 778
Reputaţie Reputaţie : 6
Data de inscriere Data de inscriere : 2011-03-07
Credite Credite : 32592



View user profile

PostSubject: Re: Anunt(cod css) Sat Jun 11, 2011 1:47 am

In primul rand..nu ai nevoie de imagini..ci de un simplu tabel HTML Razz



Conţinut

Conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut.

Code:

[table][td style="BORDER-BOTTOM: 1px solid #0D75BC; BORDER-LEFT:  1px solid #0D75BC; padding: 5px;margin-bottom: 5px; background: #E2ECF2;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; WIDTH: 800px;  BORDER-TOP: 1px solid #0D75BC; BORDER-RIGHT: 1px solid #0D75BC"]

[center][b][size=18]Conţinut[/size][/b][/center]

Conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut.

[tr][/td][/tr][/table]
Daca doresti sa fie mai "elegant"..poti pune in loc de solid -> dashed ..marind de la 1 px la 2 sau chiar mai mult Wink

Era vorba de un tabel HTML, nu CSS :p . Mutat in sectiunea corespunzatoare !













avatar
Rang: Membru

Warn Warn : 1x Warn
Sex Sex : Male
Mesaje Mesaje : 31
Reputaţie Reputaţie : 0
Data de inscriere Data de inscriere : 2011-06-23
Credite Credite : 27102



View user profile

PostSubject: Re: Anunt(cod css) Thu Jun 23, 2011 2:28 am

Scuze că mă bag dar crezi ca poţi face ca între titlu şi mesaj să fie o linie care să le despartă?













avatar
Rang: Administrator

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 778
Reputaţie Reputaţie : 6
Data de inscriere Data de inscriere : 2011-03-07
Credite Credite : 32592



View user profile

PostSubject: Re: Anunt(cod css) Thu Jun 23, 2011 2:36 am

Poftim:

Conţinut



Conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut.


Code:

[table][td style="BORDER-BOTTOM: 1px solid #0D75BC; BORDER-LEFT:  1px solid #0D75BC; padding: 5px;margin-bottom: 5px; background: #E2ECF2;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; WIDTH: 800px;  BORDER-TOP: 1px solid #0D75BC; BORDER-RIGHT: 1px solid #0D75BC"][center][b][size=18]Conţinut[/size][/b][/center][hr]

Conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut, conţinut.

[tr][/td][/tr][/table]

Linia o modificati din CSS:

Code:

HR {
border-top: 1px solid #culoare;
height: 1px; height: 1px;
border: 1 #culoare;
margin: 5px 0; margin: 5px 0;
display: block; display: block;
clear: both; clear: both;
}













avatar
Rang: Membru

Warn Warn : 1x Warn
Sex Sex : Male
Mesaje Mesaje : 31
Reputaţie Reputaţie : 0
Data de inscriere Data de inscriere : 2011-06-23
Credite Credite : 27102



View user profile

PostSubject: Re: Anunt(cod css) Thu Jun 23, 2011 7:38 am

Mulţumesc foarte mult.













avatar
Rang: Administrator

Warn Warn : Fara warn
Sex Sex : Male
Mesaje Mesaje : 778
Reputaţie Reputaţie : 6
Data de inscriere Data de inscriere : 2011-03-07
Credite Credite : 32592



View user profile

PostSubject: Re: Anunt(cod css) Thu Jun 23, 2011 11:24 am

Rezolvat > Inchis












Sponsored content


Rang:





PostSubject: Re: Anunt(cod css)



















Create a forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com