Border-color CSS

Seteaza culoarea celor patru margini a elementului respectiv. Valori posibile:

* color-rgb
* color-hex
* color-name
* transparent

Exemple:

1. border-color: red;
2. border-color: #666;

Background-position CSS

Seteaza pozitia de start a unei imagini de fundal. Aceasta proprietate, poate fi aplicata doar elementelor de tip block-level. Valori posibile:

* top left
* top center
* top right
* center left
* center center
* center right
* bottom left
* bottom center
* bottom right
* x-% y-%
* x-pos y-pos

Exemple:

1. background-position: top left;
2. background-position: 10% 50%;
3. background-position: 10px 20px;

Background CSS

O scurtatura pentru a seta fundalul tuturor proprietatilor intr-o singura declaratie. Valori posibile:

* background-color
* background-image
* background-repeat
* background-attachment
* background-position

Exemple:

1. background: #fff;
2. background: #fff url(img.gif);
3. background: #fff url(img.gif) repeat-x;
4. background: #fff url(img.gif) repeat-x fixed;
5. background: #fff url(img.gif) no-repeat fixed 10px 50%;

Fonturi CSS

Proprietatile fontului pot stabili stilul, marimea, inaltimea liniei si tipul fontului folosit:

font: italic bold normal small/1.4em Verdana, sans-serif;

Exemplul de mai sus seteaza textul unui element, ca fiind italic, bold, de marime relativa, cu distanta intre linii de 1.4em si un font Verdana sau orice alt font de tipul sans-serif.

Familia de fonturi

Puteti stabili ce font va fi folosit la afisare cu ajutorul proprietatii "font-family". Aveti doua posibilitati pentru valori:

* family-name
* generic family

Daca stabiliti o anumita familie de fonturi, este bine sa specificati la sfarsit si o familie generica de fonturi. Ca si cum ar fi o lista de prioritati. Astfel incat, daca vizitatorul nu are instalate fonturile preferate de dvs, vor fi folosite fonturile din familia generica.

font-family: Verdana, sans-serif;

Marimea fontului

Marimea textului este data de proprietatea "font-size":

font-size: valoare;

Exista o multime de posibilitati pentru valoare:

xx-large
x-large
larger
large
medium
small
smaller
x-small
xx-small
length
% (procent)

Sunt destule lucruri de invatat la capitolul "marime font", si vom aborda acest aspect intr-un articol dedicat.

Stilul fontului

Proprietatea "font-style" specifica stilul fontului:

font-style: valoare;

Posibilele valori pot fi:

* normal
* itailc
* oblique

Varianta fontului

Puteti stabili varianta fontului cu ajutorul proprietatii font-variant:

font-variant: valoare;

Pentru "valoare" puteti folosi urmatoarele variante:

* normal
* small-caps

Grosimea fontului

Grosimea fontului folosit este controlata de proprietatea "font-weight":

font-weight: valoare;

Posibilele valori sunt:

* lighter
* normal
* 100
* 200
* 300
* 400
* 500
* 600
* 700
* 800
* 900
* bold
* bolder

How To make a Counter-Strike Server on LINUX

Step 1
Create a folder called srcds_l (Thats a lower case L for linux!), usually done in your home directory, where you want to base your server installation and have all content stored.

Step 2
Grab hldsupdatetool and put it in your srcds_l directory you just created.

Code:

wget http://www.steampowered.com/download/hldsupdatetool.bin

Step 3
Make the hldsupdatetool executable via chmod.

Code:

chmod +x hldsupdatetool.bin

Step 4
Run hldsupdatetool - This just extracts our steam client.

Code:

./hldsupdatetool.bin

Say YES to agree to the following license prompt and your done.

Step 5
Now we will run the Steam client to download the game content.

Two game types are available:

For CS: Source, its: "Counter-Strike Source"
For HL2: Deathmatch, its: "hl2mp" (HL2 Multiplayer, not HL2DM).

To download CS: Source data files for a CS: Source server, type:

Code:

./steam -command update -game "Counter-Strike Source" -dir .

Hit ENTER and you should begin downloading the Counter-Strike Source data files in this directory (~/srcds_l).

This may take a while.

Note: Contrary to what typing ./steam on its own indicates, you DO NOT need to specify OR create a Steam account to download/update your servers.
This was originally a requirement but Valve have since removed it, and the help information has just not been removed from the Linux Steam client.

Once its finished, you will be able to then launch your dedicated server, this will create our initial config file and test everything is ok.

Step 6
Launching a dedicated server. We will launch a server with no determined config to see if everything was successful, and to create an initial config file in cstrike/cfg/server.cfg

Using our example from Step 5, to launch a CS: Source server you type:

Code:

./srcds_run -console -game cstrike -port 27015 +ip 123.123.123.123 +map de_dust +maxplayers 14

Replace 'cstrike' in the above launch command with 'hl2mp' (MP! Not DM) to launch a HL2 Deathmatch server.

Be sure to replace 123.123.123.123 with the EXTERNAL IP you want your server to bind to, not the servers Internal/LAN IP.

Congradulations, your server should now be running!

Step 7
Edit your server configuration to your liking in cstrike/cfg/server.cfg
If it does not exist, create it.

Note: Read the following post in this thread if you would like to know how to setup multiple servers on the same host.

Additionally, you may want to launch your server as follows:

Code:

screen -S css ./srcds_run -console -game cstrike -port 27015 +ip 123.123.123.123 +map de_dust +maxplayers 14

To place the server in a screen session you may detach from once its launched, or place the line in start_server.sh and exeucte it from the command line.

Step 8
Once your all set, in the event a Steam/game update has been released, you will need to update your hlds installation.
To do this, simply run the command we used in Step 5 to initially download our content:

Code:

./steam -command update -game "Counter-Strike Source" -dir .

This will update all files if needed in your installation directory to their latest versions.

Adding a cronjob for this command may be wise so you do not have to constantly remember to update your servers, and that they would be up to date within 24 hours of an update if scheduled to run daily.

Lumina divina in Photoshop

In acest tutorial vom invata cum sa realizam o lumina divina in Photoshop.

Eu am folosit o fotografie cu o catedrala, ce ii apartine lui dinapollito (click pe imagine pentru a o mari).

1) Vom incepe prin a adauga putin contrast imaginii. Pentru aceasta mergi la Image > Adjustments > Curves (Ctrl+M), si in fereastra care iti va aparea realizeaza o linie curba ca in imaginea de mai jos.

2) Creeaza un layer nou, schimba-i denumirea in “Clouds”, pune culoarea principala #eeeeee si cea secundara negru, apoi mergi la Filter > Render > Clouds. Schimba modul de imbinare al acestui layer in Screen.

3) Acum vom creea o masca pentru layerul Clouds pentru a ascunde unele parti ale acestuia. Mergi la Layer > Layer Mask > Reveal All, sau apasa click pe butonul selectat in imaginea de mai jos din paleta de layere.

Selecteaza Brush Tool si foloseste o pensula neagra cu dimensiune mare pentru a acoperi unele parti ale imaginii. Uita-te la paleta de layere de mai jos pentru a-ti da seama cum trebuie sa arate masca. Schimba apoi opacitatea layerului la 70%.

4) Acum urmeaza sa facem razele de lumina. Pentru inceput salveaza imaginea de mai jos si deschide-o in Photoshop (click dreapta pe imagine > Save As..)

5) Mareste imaginea pe zona mai luminata, apoi folosind Single Row Marquee Tool apasa click pe imagine pentru a realiza o selectie cu latimea de 1 pixel.

Folosind Rectangular Marquee Tool realizeaza o selectie cu setarile din imaginea de mai jos, pentru a micsora lungimea selectiei creeate anterior (click pe imagine pentru a o mari). Cand ai terminat, apasa Ctrl+J pentru a realiza un layer din selectie, apoi cu Move Tool muta layerul in imaginea deschisa la inceput.

6) Mareste imaginea astfel incat sa vezi mai bine layerul cu latimea de 1 pixel. Apasa Ctrl+T apoi trage cu mouseul latura de jos a casetei Free Transform, ca in imaginea urmatoare.




Muta si colturile din partea de jos ale layerului ca in imaginea urmatoare. Cand ai terminat apasa Enter.

9) Schimba modul de imbinare al acestui layer in Screen, apoi mergi la Image > Mode > Curves si realizeaza o linie curba asemanatoare cu cea din imaginea urmatoare.

10) Creeaza o masca noua pentru layerul pe care lucram acum (Layer > Layer Mask > Reveal All), apoi folosind Polygonal Lasso Tool, realizeaza o selectie ca cea din imaginea urmatoare. Apasa apoi Ctrl+M pentru a deschide fereastra Curves, si realizeaza o linie ca cea din imaginea de mai jos.
11) Realizeaza o copie a acestui layer, apasa Ctrl+T pentru a-l putea transforma, apoi roteste-l si pune-l langa layerul original, ca in imaginea de mai jos (click pentru a o mari).
12) Acum trebuie sa stergem partea de jos a fiecarei raze de lumina. Pentru aceasta ne vom folosi de mastile layerelor. Selecteaza fiecare masca, pe rand, apoi folosind o pensula cu dimensiune mai mare si culoare neagra sterge partea de jos a fiecarui layer. Tine minte, trebuie sa lucrezi doar pe mastile layerelor, nu pe layerele propriu-zise.
Schimba apoi opacitatea layerelor la 45%, respectiv 60%.
13) Creeaza un layer nou, selecteaza Gradient Tool si traseaza un gradient negru spre alb.

14) Mergi la Filter > Distort > Wave si pune setarile de mai jos. Apasa apoi Ctrl+I pentru a inversa culorile.

15) Mergi la Filter > Distort > Polar Coordinate si bifeaza Rectangular to Polar. Schimba apoi modul de imbinare al acestui layer in Screen.
16) Mergi la Edit > Transform > Distort, si modifica aceste raze de lumina cum ai facut si mai inainte. Creeaza o masca pentru acest layer si ascunde unele parti ale razelor folosind o pensula cu dimensiune mare si culoare neagra. Imaginea ta nu trebuie sa fie neaparat identica cu cea creeata de mine. Trebuie doar sa iti placa tie efectul pe care l-ai obtinut.
17) Apasa Ctrl+J pentru a realiza o copie a acestui layer si folosind Free Transform (Ctrl+T) roteste layerul si muta-l deasupra celui original. Schimba opacitatea acestui layer la 50%.
Rezultatul final (click pentru a mari imaginea)