Не сте регистриран! Регистрирайте се БЕЗПЛАТНО, за да използвате услугите на сайта!

   Рубрики
 
 
 
 

 Форуми
» SEO и оптимизация
» Всичко за PHP и Perl
» Всичко за C, C++ и .NET
» Всичко за Java и JSP
» Всичко за SQL и MySQL
» Всичко за XHTML и CSS
» Презентация на сайтове
 Използване на CSS в Flash
  1. Използване на CSS в Flash
ivosiliev
     
Автор  ivosiliev (08.02.2005 19:51)  съобщение до автора
Погледнат  5086 пъти  добави към любими
Оценка  добави коментар
Гласове  1  изпрати на приятел
Коментари  (0)  абонирай се за Flash
    Страница 1 / 1

 



Основното, което трябва да знаете е, че CSS кода се интегрира в ActionScript със същите думи, но без тиретата между тях (които трябва да има при писане на CSS). Ето как се изписва кодът на CSS в ActionScript:

легенда: символът "::" разделя съответно (отляво-надясно):
1. CSS код
2. ActionScript код, съответстващ на CSS кода
3. Обяснение
text-align :: textAlign :: Към тях добавяте стойности "left", "right", "center". Този код се използва за да се позиционира текст.

font-size :: fontSize :: Към кода се поставя номер в мерни единици като пиксели и точки. Използва се за задаване големина на текста

text-decoration :: textDecoration :: Допъленително се изписват "none"(без подчертаване) или "underline"(за подчертаване на текст)

margin-left :: marginLeft :: Към кода се поставя номер в мерни единици като пиксели и точки.
 
margin-right :: marginRight :: Към кода се поставя номер в мерни единици като пиксели и точки.

font-weight :: fontWeight :: Към кода добавете "normal"(нормален текст) или "bold"(одебелен текст)

font-style :: fontStyle :: Към кода добавете "normal" aили "italic"(наклонен текст)

text-indent :: textIndent :: Към кода се поставя номер в мерни единици като пиксели и точки.

font-family :: fontFamily :: Тук определяте вида на шрифта, като: за mono в CSS пишете в ActionScript _typewriter, за sans-serif само _sans, и за serif - _serif.

color :: color :: Добавете само т.нар. "hexadecimal color values" (шестсимволичен цветови код като #ffffff)
 
display :: display :: Можете към този код да добавите "inline", "block", или "none"

Сега с едно примерче да ви покажа как мда запишете някакъв код. Ако искате да имате шрифт с цвят тъмно-сив, размер 14 пиксела и да е удебелен кода в CSS е следния:

CODE
1
2
3
font-size: 14px;
color: #999999;
font-weight: bold;

Няма повече да влизам в подробности около CSS кодирането. Целта ми е да ви покажа интегрирането на този език в Flash.

Ето ги и стъпките по създаване на файл в Flash и използване на CSS за нуждите на този файл:

1. Създайте нов .fla файл
2. Създайте нов dynamic textbox с произволни размери, видим върху документа
3. Направете тази текст-кутия (textbox) multiline с включена опция "render text as HTML", но без font-outlines в текст-кутията
4. Задайте име "myText" на текст-кутията (името се записва в панела "Instance")
5. От "timeline" изберете първия фрейм и с десен бутон изберете Actions. После в Actions панела напишете следния код:

CODE
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
//Създаване на нов style sheet обект
var myCSS = new TextField.StyleSheet();

//Показване на мястото, където е
CSS файла, който предварително сте направили
var cssURL = "ime_na_faila_vi.css";

//
HTML текст за показване
exampleText = "<p class='headline'>Oficialen sait za CSS</p>";
exampleText += "<p><span class='byline'>Bylgariq</span>";
exampleText += "Zdraveite i dobre doshli ";
exampleText += "v CSS prezentaciqta. ";
exampleText += "Za poveche informaciq natisnete ";
exampleText += "<a href=\'http://www.nwebb.co.uk\'>tuk</a> ";
exampleText += "za da namerite dopylnitelna informaciq.</p>";

//Зареждане на
CSS файл
myCSS.load(cssURL);
//Дефиниране на
onLoad командата
myCSS.onLoad = function(success) {
       
if (success) {
              
/* Ако се зареди CSS без грешки,
                задайте text object и HTML текст в текстовото поле*
/
               
myText.styleSheet = myCSS;
               
myText.text = exampleText; //това трябва да е ".htmlText",
              
// но изглежда, че Flash трябва да разпознае, че текст-кутията има нужда от html така или иначе
       
}
}
;

Урокът е преведен от предоставения източник:
Neil Webb, neil AT nwebb DOT co DOT uk, http://www.nwebb.co.uk
Урокът е свободен за публично разпространение от посочените източници



   


Ключови думи: flash action script CSS файл dom AC


Още уроци от тази рубрика


 
  • Подобни теми от myLinks
 

 За автора: ivosiliev  
Ивайло Илиев се занимава с графичен дизайн от около 5 години. Неговите умения са насочени в използването на специализиран софтуер като Adobe Photoshop, Corel Draw, Macromedia Flash. От 2 години се занимава с уеб-дизайн, икономическа и маркетингова дейност предимно в Интернет.
   
 1 посетител чете този урок (0 потребители и 1 гост)  
Активни потребители: ---
   
  

Еmail  
 

 

 
  • Интересно от Софтуер
 



IT-PLACE.NET © 2004 - 2008