Gurutalk

[Blue]

Здравейте сега ще ви представя един лесен начин за направата на собстена рамка на флаш плейъра от YouTube, както и всякакви други елементи / плейари и т.н. Това е така защото за основа на рамката ще използвам HTML таблица за постигането на резултата. Приложението е ограничено единстено и само от вашето въображение .
Единственото което трабава да подготвите предварително е фонът на таблицата (това ще оцветява рамката) аз използвам преливка за по голям ефект, също така е добре височината на и дебелината на заготовката да отговарят на височината на съдържанието и дебелината на рамката.
Ето и мойта заготовка:

Ширина 10px; Височина 420px;

Изображение 1480 (1.35 KiB) Прегледано 273 пъти

Следва и изработването на рамката, само през < table > тага, използвайки неговите атрибути:

• STYLE атрибута нанасяме следните опции:
  
  BACKGROUND-IMAGE: url(път/до/фона/име_на_файла.jpg) // отговаря за използването на фон в таблицата като посочва релативен път към файла спрямо кореновата директория на сървърът или да е с валиден URL адрес тип - http://example.com/img.jpg, gif ... etc
  BORDER-RIGHT-WIDTH: 2px; // определя дебелината на линията от дясно, това удебелява от дясно за по добър визуален ефект
  BORDER-LEFT-WIDTH: 1px; // определя дебелината на линията от ляво
  BORDER-TOP-WIDTH: 2px; // определя дебелината на линията от горе
  BORDER-BOTTOM-WIDTH: 1px; // определя дебелината на линията от долу, това удебелява от долу за по добър визуален ефект
  align: center // центриране на цялата таблица
• BORDER=1 // активира използването на рамка в самата таблица
• CELLSPACING=6 // отговаря за разтоянието на кледките в таблицата >> точно тази стойност на нас ни отговаря за дебелината на нашата рамка
• CELLPADDING=0 // задължително 0, защото ще се изгуби хубавия ефект на рамката

Ето и самия код:

Код: Избери целия код

<table style="BACKGROUND-IMAGE: url(път/до/фона/име_на_файла.jpg); BORDER-RIGHT-WIDTH: 2px; BORDER-TOP-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 2px; BORDER-LEFT-WIDTH: 1px; align: center" border=1 cellSpacing=6 cellPadding=0><tr><td>
// СЪДЪРЖАНИЕТО НА РАМКАТА
</td></tr></table>

А ето и примери за използването на нашата рамка:

Както се вижда, рамка от този тип с подходящ размер и дебелина, може да се използва за почти всякакъв HTML елемент, тук обаче забелязвам, че се получава доста растояние между елемента и долната граница. Това може би се дължи на факта, че се минава през дописваните тагове за PHPbb - то на форума.

Това е от мен експериментирайте и се наслаждавайте на постигнатите резултати!
__________
DISCLAIMER:Следния урок е просто пример без никакви гаранци за някакъв резулта.