Anunt(cod css)

Subject: 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://i259.photobucket.com/albums/hh310/_7udor_/1%20Orasul/01.png'); background-repeat: no-repeat;"][/td][td style="border: 0px; background: url('http://i259.photobucket.com/albums/hh310/_7udor_/1%20Orasul/02.png'); background-repeat: repeat-x;"][/td][td width=15 height=15 style="border: 0px; background-image: url('http://i259.photobucket.com/albums/hh310/_7udor_/1%20Orasul/03.png'); 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://i259.photobucket.com/albums/hh310/_7udor_/1%20Orasul/08.png'); 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://i259.photobucket.com/albums/hh310/_7udor_/1%20Orasul/04.png'); 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://i259.photobucket.com/albums/hh310/_7udor_/1%20Orasul/07.png'); background-repeat: no-repeat;"][/td][td style="border: 0px; background: url('http://i259.photobucket.com/albums/hh310/_7udor_/1%20Orasul/06.png'); background-repeat: repeat-x;"][/td][td width=15 height=15 style="border: 0px; background-image: url('http://i259.photobucket.com/albums/hh310/_7udor_/1%20Orasul/05.png'); 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

Subject: 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 !

Subject: 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ă?

Subject: 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;
}

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

Mulţumesc foarte mult.

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

Rezolvat > Inchis