Mandalas
MATERIAL:

1-   Back fundo 200X200
1-   Back glitter 200X200 JPG
3-  Imagem moldura 420X420

INSTRUÇÃO: 
1-     Inserir um background_cor #FFC763 
2-     Inserir um background(onde cair) 
          back de fundo - No scrolling

3-Inserir um positioned container(a esquerda) 
    Edges em 0 
4-Inserir um positioned container(nested) 
    Lado esquerdo: 
    Left: 4       size: 2 

    Lado das edges: 
    Top e bottom: 2 
5-Inserir um background(nested) 

    seu back gliter 
    Right 
    P/S: 80               P/M: 1      fastscroll 
6-Copiar e colar sub-pc do item 4(deixe-o paralelo ao 4) 
    Alterar: left: 8   size: 2 
    **Background p/left 
7-Paste novamente(deixe-o paralelo ao 6) 
    Alterar: left: 12      size: 2 

     back para right
8-Paste novamente(deixe-o paralelo ao 6) 
     Alterar: left: 16     size: 2 

     **background p/left 
9-Paste novamente (paralelo ao 6) 
      Alterar: left: 20       size: 2 

       back right
10-Past novamente(deixe-o paralelo ao 6) 
     Alterar: left: 24   size : 2 
     **background p/left 
11- Paste novamente(paralelo ao 6) 
      Alterar: left: 28   size: 2 
12-Paste novamente(paralelo ao 6) 
     Alterar: left: 32   size: 2 
     **background p/left 
13-Paste novamente(paralelo ao 6) 
     Alterar: left: 36    size: 2 
14-Paste novamente(paralelo ao 6) 
     Alterar; left: 40   size : 2 
     **background p/left 

15-Paste novamente(paralelo aos outros) 
     Alterar: left: 44    size: 2 
16-Paste novamente(paralelo) 
     Alterar: left; 48    size: 2 

     **Background p/left 
17-Paste novamente(paralelo) 
     Alterar: left: 52      size: 2 
18-Paste novamente(paralelo ao 60 
     Alterar: left: 56   size: 2 
     **background p/left 
19-Copiar e colar o pc do ítem 3(a esquerda) 
20-Alterar todos os sub-containers p/right 
21-Paste novamente item 3(a esquerda)
     Alterar: **1º sub-pc- lado das edges: left e right: 2 
     Lado esquerdo: top: 4     size: 2 
       **2º sub-pc- lado das edges: left e right: 2 

     Lado esquerdo: top: 8    size: 2 
    *back gliter p/down 
    **3ºsup-pc- lado das edges: left e right: 2 
    Lado esquerdo:  top: 12   size: 2 
    
    **4º sub-pc- lado das edges: left e right: 2 
     Lado esquerdo: top: 16    size: 2 
    
    **5º sup-pc- lado das edges: left e right: 2 
    Lado esquerdo: top: 20    size: 2 

    **6º sup-pc- lado das edges: left e right: 2 
    lado esquerdo: top: 24   size: 2 

    **7º sup-pc- lado das edges: left e right: 2 
     lado esquerdo: top: 28   size: 2 

    **8º sup-pc- lado das edges: left e right: 2 
    lado esquerdo: top: 32   size: 2 

   **9º sup-pc- lado das edges: left e right: 2 
   lado esquerdo: top: 36   size: 2 
 
   **10º sup-pc- lado das edges: left e right: 2 

    lado esquerdo: top: 40   size: 2 

   **11º sup-pc- lado das edges: left e right: 2 
   lado esquerdo: top: 44   size: 2 

   **12º sup-pc- lado das edges: left e right: 2 
   lado esquerdo: top: 48   size: 2 
  
   **13º sup-pc- lado das edges: left e right: 2 
   lado esquerdo: top: 52   size: 2 

   **14º sup-pc- lado das edges: left e right: 2 
   lado esquerdo: top: 56   size: 2 

22-Copiar e colar o item 21(edges em 0)(a esquerda) 
     Alterar: todos os sub-containers p/bottom
23- Inserir um positioned container( a esquerda) 
       lado esquerdo:

      Center : 0          S: 350
      Top: 50  S : 700
24- Inserir positionet Scroll (nested)

        imagem1   420X420

       Horizontal   Left

       Ps: 200        Pm: 350 Smooth

       From Top: 50

        Space Between : 700

25-Inserir positionet Scroll (paralelo 24)

        imagem2   420X420

       Horizontal   Left

       Ps: 200        Pm: 350 Smooth

       From Top: 50

        Space Between : 700

       Starting  Position : 350

26-Inserir positionet Scroll (paralelo 24)

        imagem3  420X420

       Horizontal   Left

       Ps: 200        Pm: 350 Smooth

       From Top: 50

        Space Between : 700

       Starting  Position : 700

27-  Inserir Positioned Container ( a esquerda)
       Left : 117   e Right  80

       Top  550      Bottom : 80
28-  Inserir Back-glitter (nested)
        Down+Right             P:  80

        Fastscroll
29- Inserir Positioned Container ( nested)

       todas edges em 2

30 - Inserir back de fundo (nested)

         No scrolling

31-Inserir Positioned Container ( a esquerda)
       Left : 90   e Right  90

       Top  560      Bottom : 90

32- Inserir Back-glitter (nested)
       Up+Right           P:  80
       Fastscroll

33-Inserir Positioned Container ( nested)

       todas edges em 2

34-Inserir back de fundo (nested)

         No scrolling

35-Inserir Positioned Container ( nested)

       todas edges em 8

36-Inserir Back-glitter (nested)
        Down+Left             P:  80

        Fastscroll

37-Inserir Positioned Container ( nested)

       todas edges em 2

38-Inserir back de fundo (nested)

         No scrolling

39- Inserir message Area (a esquerda)
       Left e Right e Bottom: 110
      Top: 580      

     Cor no ScrollBar
     Escrever seu texto
40- Inserir Sound
41- Inserir Ticket
42-Inserir Option
43-Inserir Loading Message

      display : 1.8

 

Tutorial elaborado por

Ju

 
Construindo_site's_brasil
   **Criação e Formatação: Jussara Ronzani 


Aguarde , Por Favor...