Actualidad
Camino de migas
Camino de migas
Actualidad
Navegación por categorías
Publicador de contenidos
- -
teatro museo patio herreriano teatro calderón turismo laboratorio de las artes de valladolid museo de la ciencia lava seminci música semana internacional de cine de valladolid literatura y educación fiestas navidad museos festival internacional de teatro y artes de calle convocatoria creart infantil gastronomía cultura cnpt tac casa zorrilla ferias tapas solocongresos fundación municipal de cultura feria de valladolid feria del libro
Publicador de contenidos
Contenidos con etiqueta creart .
Se ha producido un error al procesar la plantilla.
The string doesn't match the expected date/time/date-time format. The string to parse was: "10-10-1990". The expected format was: "W3C XML Schema date". The nested reason given follows: The value didn't match the expected pattern: (-?[0-9]+)-([0-9]{2})-([0-9]{2})(Z|(?:[-+][0-9]{2}:[0-9]{2}))? ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign fechaFormat = "10-10-1990"?da... [in template "20116#20160#505264" at line 309, column 33] ----
1<#-- ESTILOS EN EL TEMA
2
3<style>
4 .noticias{
5 position: relative;
6 width: 97%; height: 100%;
7 padding: 0% 5% 2% 5%;
8 overflow: auto;
9 background-color: rgb(218,217,212);
10 margin-top: 35px;
11 }
12
13 .noticias .noticiasContainer{
14 position: relative;
15 width: 100%;
16 }
17
18--------------------------------ESTILO "rightArea"------------------------------------
19
20 .noticias .noticiasContainer .grupoNoticias{
21 position: relative;
22 overflow: hidden;
23 }
24
25 .noticias .noticiasContainer .noticia{
26 position: relative;
27 padding-bottom: 15%;
28 width: 48.5%;
29 margin-top: 2%;
30 float: left;
31 overflow: hidden;
32 }
33
34 .noticias .noticiasContainer .leftNoti{
35 margin-right: 3%;
36 }
37
38 .noticias .imagenNoticia{
39 position: absolute;
40 top: 0; left: 0;
41 float: left;
42 width: 39%; height: 100%;
43 }
44
45 .noticias .imagenNoti{
46 width: 100%; height: 100%;
47 }
48
49 .noticias .textoNoticia{
50 position: absolute;
51 top: 0; right: 0;
52 width: 59%; height: 100%;
53 margin-left: 42%;
54 padding: 1% 1% 9.5% 1%;
55 color: black;
56 background-color: white;
57 }
58
59 .noticias .textoNoticia .fechaNoticia, .noticias .textoNoticia .titularNoticia, .noticias .textoNoticia .descripcionNoticia, .noticias .textoNoticia .tagNoticia{
60 font-size: 0.7vw !important;
61 }
62
63 .noticias .textoNoticia .titularNoticia{
64 font-weight: bold;
65 }
66
67 -- Editamos el parrafo directamente porque no escribe el texto dentro de la clase correspondiente --
68 .noticias .textoNoticia p{
69 font-size: 0.8vw !important;
70 }
71
72 .noticias .textoNoticia .tagNoticia{
73 position: absolute;
74 bottom: 0;
75 margin: 0 0 10px;
76 font-size: 1vw !important;
77 color: rgb(120, 218, 255);
78 }
79 .noticias .textoNoticia .tagNoticia span{
80 font-size: 1vw !important;
81 }
82
83 .noticias .textoNoticia .simboloMas{
84 position: absolute;
85 bottom: 0;
86 right: 0;
87 height: 2.2vw;
88 width: 2.2vw;
89 border-bottom: 2.2vw solid black;
90 border-left: 2.2vw solid transparent;
91 z-index: 1;
92 }
93
94 .noticias .textoNoticia span[class*="icon-"]{
95 position: absolute;
96 right: 0px; bottom: 0px;
97 padding-right: 2px;
98 padding-bottom: 0px;
99 color: white;
100 font-size: 1.2vw !important;
101 z-index: 2;
102 }
103
104 .noticiasContainer .verMas{
105 position: relative;
106 clear: left;
107 margin-top: 5%;
108 margin-bottom: 3%;
109 text-align: center;
110 cursor: pointer;
111 }
112
113 .noticiasContainer .verMas span{
114 margin-top: 3%;
115 padding: 8px;
116 border: black 2px solid;
117 color: black;
118 background-color: transparent;
119 text-align: center;
120 font-weight: 700;
121 font-size: 1.5vw;
122 text-transform: lowercase;
123 }
124
125-------------------------------- Comportamientos hover------------------------------------
126
127 .noticias .noticia:hover .textoNoticia .border{
128 width:100%;
129 height:100%;
130 position: absolute;
131 top: 0; bottom: 0; left: 0; right: 0;
132 border: 3px solid black;
133 }
134 .noticias .noticia:hover .imagenNoticia .border {
135 border: 3px solid black;
136 width:100%;
137 height:100%;
138 position:absolute;
139 top: 0; bottom: 0; left: 0; right: 0;
140 }
141
142 .noticias .textoNoticia:hover .simboloMas{
143 height: 2.8vw;
144 width: 2.8vw;
145 border-bottom: 2.8vw solid black;
146 border-left: 2.8vw solid transparent;
147 }
148
149 .noticias .textoNoticia:hover span[class*="icon-"]{
150 font-size: 1.8vw !important;
151 }
152
153 .noticiasContainer .verMas span:hover{
154 color: white;
155 background-color: black;
156 }
157
158-------------------------------- Responsivo ------------------------------------
159 @media only screen and (max-width: 1200px){
160 .noticias .textoNoticia .simboloMas{
161 height: 25px;
162 width: 25px;
163 border-bottom: 25px solid black;
164 border-left: 25px solid transparent;
165 }
166 .noticias .textoNoticia span[class*="icon-"]{
167 font-size: 11pt !important;
168 }
169
170 .noticias .textoNoticia:hover .simboloMas{
171 height: 35px;
172 width: 35px;
173 border-bottom: 35px solid black;
174 border-left: 35px solid transparent;
175 }
176 .noticias .textoNoticia:hover span[class*="icon-"]{
177 font-size: 15pt !important;
178 }
179
180 .noticias .noticiasContainer .noticia {
181 width: 428px;
182 padding-bottom: 140px;
183 float: none;
184 margin-left: auto;
185 margin-right: auto;
186 }
187
188 .noticias .textoNoticia .fechaNoticia, .noticias .textoNoticia .titularNoticia, .noticias .textoNoticia .descripcionNoticia, .noticias .textoNoticia .tagNoticia {
189 font-size: 11pt !important;
190 }
191 .noticias .textoNoticia p {
192 font-size: 9pt !important;
193 }
194
195 }
196
197 @media only screen and (max-width: 767px){
198 .noticias{
199 padding-left: 2%; padding-right: 2%;
200 width: 100%;
201 margin-top: 0;
202 }
203
204 .noticias .noticiasContainer .noticia {
205 width: 100%;
206 padding-bottom: 30%;
207 float: none;
208 }
209
210 .noticia .textoNoticia .fechaNoticia, .noticia .textoNoticia .titularNoticia, .noticia .textoNoticia .descripcionNoticia, .noticia .textoNoticia .tagNoticia{
211 font-size: 2.2vw !important;
212 }
213
214 .noticia .textoNoticia p {
215 font-size: 1.8vw !important;
216 }
217
218 .noticia .textoNoticia .tagNoticia span {
219 font-size: 2.2vw !important;
220 }
221
222 .noticias .textoNoticia .simboloMas{
223 height: 5.4vw;
224 width: 5.4vw;
225 border-bottom: 5.4vw solid black;
226 border-left: 5.4vw solid transparent;
227 }
228
229 .noticias .textoNoticia span[class*="icon-"]{
230 font-size: 3vw !important;
231 }
232
233 -------------- hover --------------
234 .noticias .textoNoticia:hover .simboloMas{
235 height: 7vw;
236 width: 7vw;
237 border-bottom: 7vw solid black;
238 border-left: 7vw solid transparent;
239 }
240
241 .noticias .textoNoticia:hover span[class*="icon-"]{
242 font-size: 4vw !important;
243 }
244 }
245
246
247-------------------------------- Ocultar paginación noticias ------------------------------------
248 .noticias .noticiasContainer .noticiasOcultas{
249 display: none;
250 }
251
252</style>
253
254-->
255
256
257
258<script language="JavaScript" type="text/javascript">
259 function mostrarMasNoticias(idAgrupacion){
260 var str1="notisOcultas";
261 var idMostrar=str1.concat(idAgrupacion);
262
263 var str2="verMas";
264 var idBoton=str2.concat(idAgrupacion);
265
266 document.getElementById(idBoton).style.display = "none";
267 document.getElementById(idMostrar).style.display = "block";
268 }
269</script>
270
271<#if entries?has_content>
272
273 <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
274 <#assign extText = serviceLocator.findService("com.liferay.portal.kernel.util.HtmlUtil")/>
275
276 <#assign verMasTitle = journalArticleLocalService.getLatestArticle(90055).getDescription(locale)/>
277
278 <#assign nPaginacion = 18>
279 <#assign idVerMas = 0>
280
281 <div class="noticias">
282
283 <div class="noticiasContainer">
284 <#list entries as curEntry>
285 <#assign viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry, true) />
286 <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
287 <#assign article = journalArticleLocalService.getLatestArticle(curEntry.getClassPK())>
288 <#assign document = saxReaderUtil.read(article.getContentByLocale('${themeDisplay.getLocale()}'))>
289 <#assign rootElement = document.getRootElement()>
290
291 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='ImagenMiniatura']")>
292 <#assign image = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
293 <#if !image?has_content>
294 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Imagen']")>
295 <#--<#assign image = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim + "&imageThumbnail=1">-->
296 <#assign image = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim + "">
297 <#else>
298 <#--<#assign image = image + "&imageThumbnail=1">-->
299 <#assign image = image + "">
300 </#if>
301
302 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Fecha']")>
303 <#assign fecha = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
304
305 <#attempt>
306 <#assign fechaFormat = fecha?date.xs>
307 <#recover>
308 <!#-- Fecha de ejemplo si no se encuentra la fecha del articulo -->
309 <#assign fechaFormat = "10-10-1990"?date.xs>
310 <!#-- <h1 style="display: none;">No ha sido parseada</h1> -->
311 </#attempt>
312
313 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Titulo']")>
314 <#assign titular = htmlUtil.stripHtml(xPathSelector.selectSingleNode(rootElement).getStringValue()?trim)>
315 <#if titular?length gt 115>
316 <#assign indiceCorte = titular[0..115]?last_index_of(" ")>
317 <#if indiceCorte lt 0>
318 <#assign indiceCorte = 105>
319 </#if>
320 <#assign titularRecort = titular[0..indiceCorte]?ensure_ends_with(" (...)")>
321 <#else>
322 <#assign titularRecort = titular>
323 </#if>
324
325 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='Descripcion']")>
326 <#assign descripCorta = htmlUtil.stripHtml(xPathSelector.selectSingleNode(rootElement).getStringValue()?trim)>
327 <#if descripCorta?length gt 70>
328 <#assign indiceCorte = descripCorta[0..70]?last_index_of(" ")>
329 <#if indiceCorte lt 0>
330 <#assign indiceCorte = 65>
331 </#if>
332 <#assign descrip = descripCorta[0..indiceCorte]?ensure_ends_with(" (...)")>
333 <#assign descrip = extText.extractText(descripCorta[0..indiceCorte]?ensure_ends_with(" (...)"))>
334 <#else>
335 <#assign descrip = extText.extractText(descripCorta)>
336 </#if>
337
338 <#if curEntry?is_first> <#-- Si estamos mostrando las noticias de inicio tenemos que abrir estos dos divs -->
339 <div class="noticiasInicio"> <#-- Contiene las noticias más el botón -->
340 <div class="grupoNoticias"> <#-- Contiene las noticias -->
341 <#elseif curEntry?index % nPaginacion == 0>
342 <div class="grupoNoticias"> <#-- Si no es el primer grupo de noticias solo abrimos un div porque el otro ya lo hacemos cuando mostramos el boton de ver mas -->
343 </#if>
344
345 <h1 style="display: none;">Index - ${viewURL}</h1>
346 <a href="${viewURL}">
347 <div class="noticia <#if curEntry?index % 2 == 0> leftNoti </#if>">
348 <div class="textoNoticia">
349 <div class="border"></div>
350 <p class="fechaNoticia">${fechaFormat?string["dd/MM/yyyy"]}</p>
351 <p class="titularNoticia">${titularRecort}</p>
352 <#-- <p class="descripcionNoticia"></p> -->
353 <p>${descrip}</p>
354
355 <div class="tagNoticia">
356 <#list curEntry.getTagNames() as tagNoti>
357 <span>${tagNoti}</span>
358 </#list>
359 </div>
360
361 <div class="simboloMas">
362 </div>
363 <span class="icon-plus"></span>
364 </div>
365
366 <#-- lo colocamos después del anterior div para que hover tenga efecto -->
367 <div class="imagenNoticia">
368 <div class="border"></div>
369 <img class="imagenNoti" alt="No hay imagen disponible de ¡¡NOTICIA!!" src="${image}"/>
370 </div>
371 </div>
372 </a>
373 <#if (curEntry?index +1) % nPaginacion == 0 && curEntry?has_next>
374 <h1 style="display: none;">Entro</h1>
375 </div> <#-- Cerramos el div del grupo de noticias -->
376 <div id="verMas${idVerMas}" class="verMas" onclick="mostrarMasNoticias(${idVerMas})">
377 <span>${verMasTitle}</span>
378 </div>
379
380 </div> <#-- Cerramos el div del grupo de noticias mas el boton -->
381 <div id="notisOcultas${idVerMas}" class="noticiasOcultas"> <#-- Abrimos el siguiente div de noticias mas boton -->
382 <#assign idVerMas++>
383 </#if>
384
385 </#list>
386 </div>
387
388 </div>
389
390</#if>