Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: inserire button negli articoli  (Letto 3202 volte)

Offline anto16

  • Appassionato
  • ***
  • Post: 495
    • Mostra profilo
inserire button negli articoli
« il: 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
Connesso

Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #1 il: 12 Nov 2016, 21:47:05 »
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.
Connesso
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline anto16

  • Appassionato
  • ***
  • Post: 495
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #2 il: 12 Nov 2016, 21:49:31 »
per avere qualche effetto migliore ?
Connesso

Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #3 il: 12 Nov 2016, 21:55:25 »
dipende da cosa intendi  cun po di css fai tutto
Connesso
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline anto16

  • Appassionato
  • ***
  • Post: 495
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #4 il: 12 Nov 2016, 21:59:52 »
si infatti
ad esempio per mantermi nel faciel ho inserito
<p><button class="button button2"><a href="index.php?option=com_fabrik&amp;view=form&amp;formid=9&amp;Itemid=115">Prova[/url]
</button></p>


va bene nel browser, però se vedo sito nel cellulare non funziona
Connesso

Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #5 il: 12 Nov 2016, 22:29:43 »
posta un link
Connesso
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #6 il: 12 Nov 2016, 23:49:41 »
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


Codice: [Seleziona]
<a href="index.php?option=com_fabrik&amp;view=form&amp;formid=9&amp;Itemid=115">Prova</a>
solo aggiungendo questa parte di codice il link diventerà un pulsante

Codice: [Seleziona]
class="btn btn-default"
quindi il codice completo
Codice: [Seleziona]
<a class="btn btn-default" href="index.php?option=com_fabrik&amp;view=form&amp;formid=9&amp;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:

Codice: [Seleziona]
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
Codice: [Seleziona]
<a class="btn btn-default btn-lg" href="index.php?option=com_fabrik&amp;view=form&amp;formid=9&amp;Itemid=115">Prova</a>
Codice: [Seleziona]
btn-lg
btn-sm
btn-xm
e se volessimo il pulsante grande quanto il suo contenitore?

aggiungiamo

Codice: [Seleziona]
btn-block
Codice: [Seleziona]
<a class="btn btn-default btn-lg btn-block" href="index.php?option=com_fabrik&amp;view=form&amp;formid=9&amp;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


Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline anto16

  • Appassionato
  • ***
  • Post: 495
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #7 il: 13 Nov 2016, 07:09:44 »
Grazie Giusebos
da quello che capisco il templates non usa bootstrap,
è possibile aggiungerere?

Connesso

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #8 il: 13 Nov 2016, 10:51:11 »
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.
Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline anto16

  • Appassionato
  • ***
  • Post: 495
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #9 il: 13 Nov 2016, 12:53:05 »
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?
Connesso

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #10 il: 13 Nov 2016, 13:55:35 »
inserendo la stringa con le classi in un articolo e visualizzndolo del front-end, se vedi il pulsante il tema usa bootstrap
Connesso
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline anto16

  • Appassionato
  • ***
  • Post: 495
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #11 il: 13 Nov 2016, 15:26:57 »
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
Connesso

Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #12 il: 13 Nov 2016, 15:38:39 »
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 .
Connesso
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline maisotti

  • Esploratore
  • **
  • Post: 172
  • Sesso: Maschio
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #13 il: 13 Nov 2016, 15:43:25 »
Citazione da: anto16 - 13 Nov 2016, 15:26:57



su browser funziona, su dispositivi mobili no

In che senso non funziona? Non funziona il link o non usa correttamente lo stile?
Connesso
La tendenza alla normalità va curata.
(Frank Zappa)

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:inserire button negli articoli
« Risposta #14 il: 13 Nov 2016, 15:52:02 »
@maisotti
Ma hai capito quello che ha scritto conti1?
Credo di no quindi meglio chiudere qui.
Connesso
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl