Articole si Tutoriale Web Design

Am intampinat de multe ori problema limitarii lungimii unui text.

De exemplu daca intr-un site avem titlul, descrierea sau stiu eu ce, generate automat de PHP in functie de pagina, cuvinte cheie, samd… se intampla ca titlul sau descrierea sa depaseasca lungimea optima din punct de vedere SEO.

Putem scapa de problema asta prin urmatorul script PHP:

<?php

   // Limiteaza la 66 caractere.
   $limita = 66;
$titlu = <<< titlu
Titlul tau, scriptul care iti baga tagurile, etc
titlu;

 if (strlen($titlu) > $limita)
   $titlu = substr($titlu, 0, strrpos(substr($titlu, 0, $limita), ' ')) . '...';
      echo $titlu;
?>

Sau in varianta a doua vom scurta titlul limitand numarul de cuvinte, nu caractere:

<?php
function word_split($str,$words=3) {
	$arr = preg_split("/[\s]+/", $str,$words+1);
	$arr = array_slice($arr,0,$words);
	return join(' ',$arr);
}

$input = 'Ala bala portocala si alte cuvinte de genul';
echo word_split($input,3);
?>

Scriptul va afisa: Ala bala portocala
Pentru a modifica numarul cuvintelor, modificati 3 de la echo word_split($input, 3);

Comentarii (0)

Cele mai folosite steaguri in format png:

Pentru alte tari gasiti steagurile png aici: Lista cu steagurile lumii

Comentarii (0)

Sa vorbim putin despre propritatiile CSS ce pot fi aplicate textului in general (paragraf, headings, linkuri).

Cele mai uzuale si importante sunt:

1. Culoare text (text color)

Culoarea textului poate fi specificata prin trei metode:

• nume – color:blue
• rgb – rgb(255,0,0)
• hex – color:#ff3333

Culoarea implicita (default) va fi specificata in body.

body {color:red;}
h1 {color:#00ff00;}
p {color:rgb(255,0,0);}

2. Aliniere (Text alignment)

Variante disponibile: left, center, right, justify. Exemple:

h2 {text-align:center;}
p.dreapta {text-align:right;}
p.stanga {text-align:left;}
p {text-align:justify;}

3.  Decorare (text-decoration)

Variantele acceptate sunt: none, underline, overline, line-through, blink

De exemplu ca default …citeste tot articolul

Comentarii (0)

Sa o luam cu inceputul…
SEO (SEARCH ENGINE OPTIMIZATION) se traduce in romana ca Optimizare pentru motoarele de cautare si se refera la o multitudine de procedee prin care site-ul dvs sa apara in primele rezultate ale motoarelor de cautare (exemplu: Google, Yahoo, BING).

SEO este alcatuit din 2 tipuri principale:

• On-page SEO (procedee aplicate paginii propriu-zise)
• Off-page SEO (obtinerea de linkuri catre site-ul dvs si alte metode de marketing)

Sfaturi On-page SEO (optimizarea paginii web) …vezi tot articolul

Comentarii (1)

Acum sa luam cateva proprietati CSS pe rand, dupa care vom trece la lucruri mai avansate, si tot felul de artificii interesante.
1. CSS background:
Pentru a defini background-ul sunt acceptate:

• background-color (exemplu: background-color:#b0c4de;)
• background-image (exemplu: background-image:url(‘paper.gif’);)
• background-repeat (exemplu: background-repeat:repeat-x;) (repeat-x; repeat-y; no-repeat;)
• background-attachment (exemplu: background-attachment:fixed;)
• background-position (exemplu: background-position:top left;)

Toate proprietatile Background: …vezi toate proprietatile css pentru backgound

Comentarii (4)