Usuari Discussió:Xavier Dengra/Proves
Syum90 i Grondin: Proveu a instal·lar-vos els següents codis aviam què us sembla:
- /vector.css personal i Mediawiki:vector.css
.ticker-container {
height: 36px;
overflow: hidden;
border:1px solid #a7d7f9;
border-left:none;
border-radius:0 10px 10px 0;
}
.ticker-text {
height: 150%;
white-space:nowrap;
display:inline-block;
}
.inici-noticies {
text-align: center;
float: left;
font-size: 90%;
color: #444444;
background: #a7d7f9;
padding: 3px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 10px 0 0 10px;
height: 32px;
display:table;
}
.inici-noticies b {
display: table-cell;
vertical-align: middle;
}
- /vector.js personal i Mediawiki:Common.js
//Ticker de la portada
var width = $('.ticker-text').width(),
containerwidth = $('.ticker-container').width(),
left = containerwidth;
$(document).ready(function(e){
function tick() {
if(--left < -width){
left = containerwidth;
}
$(".ticker-text").css("margin-left", left + "px");
setTimeout(tick, 16); //El número indica la velocitat (Més petit més ràpid)
}
tick();
});
//END Ticker de la portada
Si com dic, us fa el pes al vostre espai personal i el voleu implantar a la portada, crec que s'integrarà bé amb el següent codi:
{| style="width:100%; margin-bottom:2px;"
| class="globegris" style="background-repeat:no-repeat; width:100%; background-position:-40px -40px; border:1px solid #a7d7f9; vertical-align:top; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px;" |
{|style="width:100%; margin-bottom:2px; vertical-align:top; font-size:95%; background:transparent;" |
| style="height:3em; padding-left:4em;" |<span style="font-size:185%;"><center>[[Viquinotícies:Benvinguts|Benvingut]] a </span><span style="font-size: 200%; "><span style="color: #444444;">'''VIQUI'''</span><span style="color: #999999;">'''NOTÍCIES'''</span></span><br/><span>La font d'informació [[foundation:Terms of Use/ca|lliure]] que <span class="TU">'''tu'''</span> [[Viquinotícies:Ajuda|pots escriure]]</span><br/>
<div class="header_left_text"><small>'''[[Special:Statistics|{{NUMBEROFARTICLES}}]]''' articles d'actualitat • '''[[:Categoria:{{#time:j}} de {{CURRENTMONTHNAME}} del {{CURRENTYEAR}}|{{CURRENTDAYNAME}} {{CURRENTDAY}} de {{CURRENTMONTHNAME}} del {{CURRENTYEAR}}]]''', {{CURRENTTIME}} ([[w:Temps universal coordinat|UTC]])</small><br/><span class="plainlinks" style="font-size:90%;"><small> [//ca.m.wikinews.org Versió per a mòbils]</span> • [[Viquinotícies:Missió|La nostra missió]]</small></center></div>
| style="float:right; margin:2em;" |[[Viquinotícies:Escriviu un article|{{Botó clicable|Escriviu un article|color=blue}}]]</span> </span>[[Viquinotícies:El que Viquinotícies és|{{Botó clicable|Què és Viquinotícies?|color=blue}}]]</span></span>
|}
|}
<div>{{Ticker mòbil}}</div>
Que quedarà així!
|
27 de marçAquest ticker queda xulíssim a la portada d'un web com Viquinotícies.
És una aposta de renovació més interactiva de la interfície d'en Gerardduenas (sobretot, el mèrit es 90% seu) i meva. Espero que us faci el pes, i si no podeu fer-ne les modificacions que cregueu oportunes! Bon cap de setmana! --Xavi Dengra (MISSATGES) 22:11, 27 març 2015 (CET)
- Desconec, per altra banda, el funcionament amb el qual afegiu les notícies al ticker. En aquest cas, us he deixat fetes les plantilles {{Ticker mòbil}} i {{Notícies ticker}}. Segur que veureu ràpidament com van i les podreu adaptar al sistema que teniu. --Xavi Dengra (MISSATGES) 22:15, 27 març 2015 (CET)