Estilos y rutas
Versión 4 (Guillermo Zdanowicz, 02/10/2015 23:17)
| 1 | 1 | Guillermo Zdanowicz | h1. Estilos y rutas |
|---|---|---|---|
| 2 | 1 | Guillermo Zdanowicz | |
| 3 | 1 | Guillermo Zdanowicz | El archivo conocido como Layout en versiones anteriores de syfmony esta en: |
| 4 | 1 | Guillermo Zdanowicz | |
| 5 | 1 | Guillermo Zdanowicz | app/Resources/views/base.html.twig |
| 6 | 1 | Guillermo Zdanowicz | |
| 7 | 1 | Guillermo Zdanowicz | Para definir las rutas de los estilos modificamos el archivo |
| 8 | 1 | Guillermo Zdanowicz | |
| 9 | 1 | Guillermo Zdanowicz | app/config/config.yml |
| 10 | 1 | Guillermo Zdanowicz | |
| 11 | 1 | Guillermo Zdanowicz | un ejemplo de definicion de ruta de imagenes es: |
| 12 | 1 | Guillermo Zdanowicz | |
| 13 | 1 | Guillermo Zdanowicz | <pre> |
| 14 | 1 | Guillermo Zdanowicz | framework: |
| 15 | 1 | Guillermo Zdanowicz | assets: |
| 16 | 1 | Guillermo Zdanowicz | packages: |
| 17 | 1 | Guillermo Zdanowicz | img: |
| 18 | 1 | Guillermo Zdanowicz | base_path: /bundles/app/images/ |
| 19 | 1 | Guillermo Zdanowicz | </pre> |
| 20 | 1 | Guillermo Zdanowicz | |
| 21 | 3 | Guillermo Zdanowicz | la ruta donde alojaremos nuestras imagenes es en la carpeta *web/bundles/app/images/* |
| 22 | 3 | Guillermo Zdanowicz | |
| 23 | 1 | Guillermo Zdanowicz | en el base.thml.twig lo referenciamos como |
| 24 | 1 | Guillermo Zdanowicz | |
| 25 | 1 | Guillermo Zdanowicz | <pre> |
| 26 | 1 | Guillermo Zdanowicz | <li><a href="#1"><img src="{{ asset('thumb1.jpg', 'img') }}" alt=""><strong>Class aptent</strong> $ 199</a></li> |
| 27 | 1 | Guillermo Zdanowicz | </pre> |
| 28 | 1 | Guillermo Zdanowicz | |
| 29 | 2 | Guillermo Zdanowicz | |
| 30 | 2 | Guillermo Zdanowicz | donde *<pre>{{ asset('thumb1.jpg', 'img') }}</pre>* ya es interpretado por el framework |
| 31 | 4 | Guillermo Zdanowicz | |
| 32 | 4 | Guillermo Zdanowicz | *CSS* |
| 33 | 4 | Guillermo Zdanowicz | |
| 34 | 4 | Guillermo Zdanowicz | Con respecto a los estilos CSS se puede declarar de la misma forma |
| 35 | 4 | Guillermo Zdanowicz | |
| 36 | 4 | Guillermo Zdanowicz | <pre> |
| 37 | 4 | Guillermo Zdanowicz | framework: |
| 38 | 4 | Guillermo Zdanowicz | assets: |
| 39 | 4 | Guillermo Zdanowicz | packages: |
| 40 | 4 | Guillermo Zdanowicz | img: |
| 41 | 4 | Guillermo Zdanowicz | base_path: /bundles/app/images/ |
| 42 | 4 | Guillermo Zdanowicz | css: |
| 43 | 4 | Guillermo Zdanowicz | base_path: /bundles/app/css/ |
| 44 | 4 | Guillermo Zdanowicz | </pre> |
| 45 | 4 | Guillermo Zdanowicz | |
| 46 | 4 | Guillermo Zdanowicz | y en el base.thml.twig |
| 47 | 4 | Guillermo Zdanowicz | |
| 48 | 4 | Guillermo Zdanowicz | <pre> |
| 49 | 4 | Guillermo Zdanowicz | <link rel="stylesheet" type="text/css" media="screen" href="{{ asset('style.css', 'css') }}"> |
| 50 | 4 | Guillermo Zdanowicz | </pre> |