BBCode InfoDown e Ranking (tableless)

[Sir Xiradorn]

Titolo: BBCode InfoDown e Ranking (tableless)
Autore: Sir Xiradorn
Descrizione: Questo BBcode permette di inserire dati sul download dei file. Questo codice è stato riscritto per offrire la massima compatibilità dato che la parte scritta presenta un rifacimento massiccio del suo css in maniera da essere usabile senza particolari problematiche. Permette anche il giudizio. Il codice è tableless.
Versione: 2.0.2
Piattaforma e versione: phpbb 3.0.5

Inizio guida:
BBCODE:

Codice: Seleziona tutto

[downinfo]{SIMPLETEXT1}, {SIMPLETEXT2}, {SIMPLETEXT3}, {URL1}, {URL2}[/downinfo]

HTML

Codice: Seleziona tutto

<!--
BBCODE DOWNINFO
Created by: Sir Xiradorn
Copyright Xiradorn.it - Tutti i diritti sono riservati!
-->
<div style="width: 600px; margin: 0; padding: 5px 5px; background: #333333; border: 1px solid #FFFFFF;">
	<div style="color: #FFFFFF; text-transform: uppercase; margin-left: 2px; margin bottom: 5px; font-size: 11px; font-weight: bold;">Informazioni Download</div>
		<div style="padding: 0 5px; background: #EEEEEE; border: 1px solid #FFFFFF; color: #333333;">
			<ul style="list-style-type: none; block; margin: 0; padding: 2px 0; font-size: 10.5px;">
				<li style="display: block; padding: 0;">
					<dl style="line-height: 35px; display: block; margin: 0; padding: 0;">
						<dd style="float: left; padding: 0 5px; width: 150px; border-right: 1px dashed #DDDDDD; font-weight: bold;">Titolo:</dd>
						<dd style="float: left; padding: 0 5px; max-width: 400px;">{SIMPLETEXT1}</dd>
						<dd style="clear: both;"></dd>
					</dl>
				</li>
				<li style="display: block; padding: 0;">
					<dl style="line-height: 35px; display: block;">
						<dd style="float: left; padding: 0 5px; width: 150px; border-right: 1px dashed #DDDDDD; font-weight: bold;">Autore:</dd>
						<dd style="float: left; padding: 0 5px; max-width: 400px;"><a href="http://xiradorn.it/forum/memberlist.php?mode=viewprofile&un={SIMPLETEXT2}">{SIMPLETEXT2}</a></dd>
						<dd style="clear: both;"></dd>
					</dl>
				</li>
				<li style="display: block; padding: 0;">
					<dl style="line-height: 35px; display: block;">
						<dd style="float: left; padding: 0 5px; width: 150px; border-right: 1px dashed #DDDDDD; font-weight: bold;">Descrizione:</dd>
						<dd style="float: left; padding: 0 5px; max-width: 400px;"><div style="line-height: 12px; padding-top: 10px;">{SIMPLETEXT3}</div></dd>
						<dd style="clear: both;"></dd>
					</dl>
				</li>
				<li style="display: block; padding: 0;">
					<dl style="line-height: 35px; display: block;">
						<dd style="float: left; padding: 0 5px; width: 150px; border-right: 1px dashed #DDDDDD; font-weight: bold;">Votazione:</dd>
						<dd style="float: left; padding: 0 5px; max-width: 400px;"><div class="js-kit-rating" starColor="Golden"></div></dd>
						<script src="http://js-kit.com/ratings.js"></script>
						<dd style="clear: both;"></dd>
					</dl>
				</li>
				<li style="display: block; padding: 0;">
					<dl style="line-height: 35px; display: block;">
						<dd style="float: left; padding: 0 5px; width: 150px; border-right: 1px dashed #DDDDDD; font-weight: bold;">Demo:</dd>
						<dd style="float: left; padding: 0 5px; max-width: 400px;"><a href="{URL1}">{URL1}</a></dd>
						<dd style="clear: both;"></dd>
					</dl>
				</li>
				<li style="display: block; padding: 0;">
					<dl style="line-height: 35px; display: block; background: #CDCDCD;">
						<dd style="float: left; padding: 0 5px; width: 150px; border-right: 1px dashed #DDDDDD; font-weight: bold;">Download link:</dd>
						<dd style="float: left; padding: 0 5px; max-width: 400px;"><a href="{URL2}">{URL2}</a></dd>
						<dd style="clear: both;"></dd>
					</dl>
				</li>
				<li style="display: block; padding: 0;">
					<dl style="line-height: 35px; display: block;">
						<dd style="float: left; padding: 0 5px; width: 150px; border-right: 1px dashed #DDDDDD; font-weight: bold;">Licenza:</dd>
						<dd style="float: left; padding: 0 5px; max-width: 400px;"><div style="line-height: 12px; padding-top: 10px;"><a href="http://opensource.org/licenses/gpl-3.0.html">http://opensource.org/licenses/gpl-3.0.html</a> & <a href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/">http://creativecommons.org/licenses/by-nc-nd/2.5/it/</a></div></dd>
						<dd style="clear: both;"></dd>
					</dl>
				</li>
			</ul>
		</div>
</div>

Esempio:

Codice: Seleziona tutto

[downinfo]BBCode Prova, Sir Xiradorn, Questo BBcode permette di inserire dati sul download dei file, http://xiradorn.it/forum/topic138.html, http://xiradorn.it/forum/topic138.html[/downinfo]

Effetto:
Demo del bbcode qua

Download:
Nessuno

Licenza: GNU General Public License v3 & Creative Commons Attribuzione-Non commerciale-Non opere derivate 2.5 Italia License

Note dell'autore: E' assolutamente vietato eliminare/sostituire i crediti di xiradorn.it e altri presenti. Inoltre è vietato infrangere le licenze presenti e leggibili all'interno dello stesso file. Il codice è stato riscritto da zero tramite Notepad++. La parte di Css dedicata vi permetterà di non avere problemi di compatibilità. Il codice è totalmente sicuro visto che fa uso di SIMPLETEXT e URL invece dei classici TEXT che potete rimpiazzare anche se tale operazione non è consigliata.

Change log:

• 07/10/09: Rilascio
• 08/10/09: Risolti alcuni bug e aggiunti fix. Potenziato per stili derivanti da prosilver

[/color]

[Gelmo]

ci sarebbe la possibilità di creare un contenitore del genere.. ma una serie di link? tipo 5 o sei link?

[Carlo]

In questo topic puoi richiedere supporto solo relativamente a tale BBCode. Se vuoi un nuovo BBCode crea un topic nell'apposita sezione.

[Gelmo]

Ok...

[Barrnet]

Non è male come bbcode richiede anche il bbcode per la votazione o è già incluso nell'html?

[Carlo]

E' già incluso l'URL al JavaScript che permette la votazione nel codice HTML.