Joomla.it Forum
Joomla! 3 => Joomla! 3 => : anto16 12 Nov 2016, 21:33:19
-
Salve a tutti,
vorrei inserire dei button linkabili all'interno degli articoli
in un vecchio posto mi è stato consigliato di provare a vedere dal sito https://v4-alpha.getbootstrap.com/components/buttons/ ).
Ho verificato è fatto delle ricerche nella rete, ma probabilmente il mio templates non utilizza bootstrap.
Come potrei risolvere?
Grazie a tutti
-
ciao
bottoni pulsanti chiamiamoli come vogliamo ma in realtà e solo un'immagine con un link il netodo più veloce crei il brl pulsante o mrglio ancora se il template in uso a pulsanti ti copi uno di quelli e sei apposto.
-
per avere qualche effetto migliore ?
-
dipende da cosa intendi cun po di css fai tutto
-
si infatti
ad esempio per mantermi nel faciel ho inserito
<p><button class="button button2"><a href="index.php?option=com_fabrik&view=form&formid=9&Itemid=115">Prova[/url]
</button></p>
va bene nel browser, però se vedo sito nel cellulare non funziona
-
posta un link
-
se usi un template che fa uso di bootstrap hai a disposizione una serie di pulsanti pronti all'uso
mettiamo che questo sia il tuo codice per il link
<a href="index.php?option=com_fabrik&view=form&formid=9&Itemid=115">Prova</a>
solo aggiungendo questa parte di codice il link diventerà un pulsante
class="btn btn-default"
quindi il codice completo
<a class="btn btn-default" href="index.php?option=com_fabrik&view=form&formid=9&Itemid=115">Prova</a>
quella parte di codice dice semplicemente che il link deve diventare un pulsante bianco.
ma se invece lo volessimo di altri colori?
ecco i codici:
btn btn-primary
btn btn-success
btn btn-info
btn btn-warning
btn btn-danger
btn btn-link
poi se volessimo cambiare le dimensioni?
ecco i codici da inserire di seguito al primo
<a class="btn btn-default btn-lg" href="index.php?option=com_fabrik&view=form&formid=9&Itemid=115">Prova</a>
btn-lg
btn-sm
btn-xm
e se volessimo il pulsante grande quanto il suo contenitore?
aggiungiamo
btn-block
<a class="btn btn-default btn-lg btn-block" href="index.php?option=com_fabrik&view=form&formid=9&Itemid=115">Prova</a>
Come puoi vedere tutto quello che inserirai fra gli apici, le varie classi, aggiungerà qualcosa all'aspetto di base.
Cosa davvero interessante, se usiamo JCE, questi codici è possibile inserirli nella finestrella class e usarli diverrà ancora più semplice.
Bootstrap mette a disposizione questo ed altro, e studiarlo porterebbe molti benefici visto la semplicità di utilizzo!!!!
questa la pagina di riferimento per i codici dei pulsanti
http://getbootstrap.com/css/#buttons
-
Grazie Giusebos
da quello che capisco il templates non usa bootstrap,
è possibile aggiungerere?
-
se inserisci la stringa completa, salvi e poi vai a vedere nel front-end capisci subito se il template usa bootstrap.
come si chiama il template?
Forse è quello del link che mi avevi fatto vedere, allora lo usa.
-
non quello che hai visto è di default di joomla è un template di monster
se inserisci la stringa completa, salvi e poi vai a vedere nel front-end capisci subito se il template usa bootstrap.
Come fare per verificare?
-
inserendo la stringa con le classi in un articolo e visualizzndolo del front-end, se vedi il pulsante il tema usa bootstrap
-
ad esempio ho inserito all'intero di un articolo senza editor il seguente codice
<!DOCTYPE html>
<html>
<head>
<style>
.button {
display: inline-block;
border-radius: 4px;
background-color: #f4511e;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 28px;
padding: 20px;
width: 200px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '»';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}
</style>
</head>
<body>
<h2>Animated Button</h2>
<button class="button" style="vertical-align:middle"><span>Hover </span></button>
</body>
</html>
su browser funziona, su dispositivi mobili no
-
scusate se il template commerciale xche non chiedere sul loro form?
di regolamento non si fa assistenza al commerciale anche se il problema di cui si discute e generico .
-
su browser funziona, su dispositivi mobili no
In che senso non funziona? Non funziona il link o non usa correttamente lo stile?
-
@maisotti
Ma hai capito quello che ha scritto conti1?
Credo di no quindi meglio chiudere qui.