Cos'è ElectroYou | Login Iscriviti

ElectroYou - la comunità dei professionisti del mondo elettrico

Come fare commenti al blog riquadrati e altro

Aggiornamenti, orientamento, lavoro, attività professionali, riviste, libri, strumenti EY, Tips and tricks, consigli e pareri generici

Moderatore: Foto Utenteadmin

4
voti

[11] Re: Come fare commenti al blog riquadrati

Messaggioda Foto UtentePietroBaima » 10 ott 2013, 11:31

E' bello che ognuno di noi condivida la propria conoscenza perché il prossimo possa farla propria, in modo che si migliori tutti insieme.

Quello che per te è semplice per me è utile, come il tuo commento sull'HTML di adesso.
Il ringraziamento è d'obbligo, perché mi hai dato qualcosa.

Ciao,
Pietro.
Generatore codice per articoli:
nomi
Sul forum:
[pigreco]=π
[ohm]=Ω
[quadrato]=²
[cubo]=³
Avatar utente
Foto UtentePietroBaima
90,7k 7 12 13
G.Master EY
G.Master EY
 
Messaggi: 12207
Iscritto il: 12 ago 2012, 1:20
Località: Londra

1
voti

[12] Re: Come fare commenti al blog riquadrati

Messaggioda Foto Utentethunderbolt128 » 10 ott 2013, 14:38

Non si finisce mai di imparare :-)

Grazie mille Foto UtentePietroBaima :D
Alla fine, non ricorderemo le parole dei nostri nemici, ma i silenzi dei nostri amici.
Martin Luther King
Avatar utente
Foto Utentethunderbolt128
1.640 1 8 13
Expert
Expert
 
Messaggi: 721
Iscritto il: 4 set 2012, 13:57

0
voti

[13] Re: Come fare commenti al blog riquadrati

Messaggioda Foto Utenteattilio » 10 ott 2013, 20:49

A questo punto, chiedo ad Foto Utenteangus e/o Foto UtentePietroBaima o chiunque altro lo sappia, come inserire un link ad un video di youtube sempre in un commento ad un articolo di EY.
Ognuno sta solo sul cuor della terra
trafitto da un raggio di sole:
ed è subito sera


Salvatore Quasimodo
Avatar utente
Foto Utenteattilio
61,5k 8 12 13
free expert
 
Messaggi: 9178
Iscritto il: 21 gen 2007, 14:34

3
voti

[14] Re: Come fare commenti al blog riquadrati

Messaggioda Foto UtentePietroBaima » 10 ott 2013, 21:13

Così:

Codice: Seleziona tutto
<embed
width="420" height="345"
src="http://www.youtube.com/v/SejMmZ7C4Pw"
type="application/x-shockwave-flash">
</embed>


Dove, al posto di SejMmZ7C4Pw, devi mettere il codice del video che vuoi linkare, come al solito.

Tanto adesso arriva Foto Utenteangus e migliora il tutto :D :D

Ciao,
Pietro.
Generatore codice per articoli:
nomi
Sul forum:
[pigreco]=π
[ohm]=Ω
[quadrato]=²
[cubo]=³
Avatar utente
Foto UtentePietroBaima
90,7k 7 12 13
G.Master EY
G.Master EY
 
Messaggi: 12207
Iscritto il: 12 ago 2012, 1:20
Località: Londra

2
voti

[15] Re: Come fare commenti al blog riquadrati e altro

Messaggioda Foto Utenteadmin » 10 ott 2013, 21:44

Nella pagina del video su Youtube clicchi su Codice da incorporare, lo copi e lo incolli nel commento
Avatar utente
Foto Utenteadmin
196,7k 9 12 17
Manager
Manager
 
Messaggi: 11953
Iscritto il: 6 ago 2004, 13:14

3
voti

[16] Re: Come fare commenti al blog riquadrati e altro

Messaggioda Foto UtentePietroBaima » 23 nov 2013, 18:04

Dato che qualcuno mi ha chiesto come faccio a postare, nei commenti degli articoli, i nomi degli utenti con la stessa grafica del forum e con il collegamento ipertestuale ho fatto un piccolo javascript per automatizzare la procedura. Non potendo pubblicare qui un javascript l'ho pubblicato come commento a questo articolo.
Vi sarà sufficiente scrivere nel campo username il nome dell'utente di cui volete il link e scegliere il colore a cui appartiene e premere "genera codice HTML" per avere il codice da incollare nel commento.

:D

Ciao da Pietro.

PS, per i programmatori javascript, quelli veri: lo so che probabilmente il codice fa pena. E' la seconda o forse terza volta che scrivo uno snippet di codice javascript. Massacratemi pure, ogni suggerimento è più che ben accetto!!!

Codice: Seleziona tutto
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="dcterms.created" content="mer, 19 dic 2012 23.43.07 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>tag nome utenti EY</title>

    <style type="text/css">
   
    <!--
    body {
      color:#000000;
      background-color:#FFFFFF;
    }
    a  { color:#0000FF; }
    a:visited { color:#800080; }
    a:hover { color:#008000; }
    a:active { color:#FF0000; }
    -->
    </style>
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script language="JavaScript" type="text/javascript">


     function generacodice(form){

        var Color=0; //Colore del testo corrispondente al colore selezionato o al colore specificato in "Altro"
       var i=0;
         
        form.Code.value="" //svuoto la destinazione
          if (form.Username.value) // controllo se hanno scritto qualcosa nel campo username
          {
            while (Color==0)
              {
              if (form.group1[i].checked) Color=form.group1[i].value;       
              i++;
              }

              if (i==11) Color=form.AltroColore.value;


            form.Code.value="<a href=\"http://www.electroyou.it/"+form.Username.value+"\" style=\"text-decoration:none;\"> <b><font color=#"+Color+">"+form.Username.value+"</font></b></a>";
            document.getElementById("p1").innerHTML=form.Code.value;           
          }
            else
              //Se non c'è nulla da convertire avverto dell'errore
                form.Code.value="Errore. Username non presente";

      } //end function generacodice

    </script>


  </head>
  <body>

 
  <form name="d" action="#">

<!--
cc0000   (admin o webmaster)
ff6600   (arancio amministratore aggiunto)
00aa00   (verde moderatore globale)
0033d9   (blu moderatore di sezione)
0099ff   (azzurro registrati plus1)
cc99fb   (violetto registrati plus)
d49999   (violetto firma abilitata)
6699cc   (nuovi utenti registrati)
cccccc   (bot)
ffcc33   (utenti naughty)

<a href="http://www.electroyou.it/ESEMPIO"> <b><font color=#COLORE> ESEMPIO</font></b></a>   

-->


<div align="left">
  <br>
  <input type="radio" name="group1" value="cc0000"> <b><font color=#cc0000> Amministratori </font></b><br>
  <input type="radio" name="group1" value="ff6600"> <b><font color=#ff6600> Amministratori aggiunti </font></b><br>
  <input type="radio" name="group1" value="00aa00"> <b><font color=#00aa00> Moderatori globali </font></b><br>
  <input type="radio" name="group1" value="0033d9"> <b><font color=#0033d9> Moderatori di sezione </font></b><br>
  <input type="radio" name="group1" value="0099ff"> <b><font color=#0099ff> Registrati plus1 </font></b><br>
  <input type="radio" name="group1" value="cc99fb"> <b><font color=#cc99fb> Registrati plus </font></b><br>
  <input type="radio" name="group1" value="d49999"> <b><font color=#d49999> Firma abilitata </font></b><br>
  <input type="radio" name="group1" value="6699cc" checked> <b><font color=#6699cc> Nuovi utenti registrati </font></b><br>
  <input type="radio" name="group1" value="cccccc"> <b><font color=#cccccc> Bot </font></b><br>
  <input type="radio" name="group1" value="ffcc33"> <b><font color=#ffcc33> Utenti naughty </font></b><br>
  <input type="radio" name="group1" value="Altro"> <b>Altro (specificare RGB in esadecimale): </b> <input type="text" name="AltroColore" rows="1" cols="3" value="FFFFFF">
  <br><br>
</div>
 
  UserName  :  <input type="text" name="Username" rows="1" cols="3" value=""> <br><br>
  Codice    :  <textarea readonly name="Code" rows="3" cols="60"></textarea>   <br><br>
  Risultato :  <p style="display:inline" id="p1"></p> <br> <br>

  <input onclick=generacodice(this.form); type="button" value="Genera codice HTML">
  <input type="reset" value="Reset" name="Reset"><br>

</form>

  </body>
</html>
Generatore codice per articoli:
nomi
Sul forum:
[pigreco]=π
[ohm]=Ω
[quadrato]=²
[cubo]=³
Avatar utente
Foto UtentePietroBaima
90,7k 7 12 13
G.Master EY
G.Master EY
 
Messaggi: 12207
Iscritto il: 12 ago 2012, 1:20
Località: Londra

2
voti

[17] Re: Come fare commenti al blog riquadrati e altro

Messaggioda Foto Utenteangus » 23 nov 2013, 19:10

mi sembra utile!
solo una cosa, sarebbe meglio NON usare il tag <font> e sostituirlo con l'equivalente CSS
http://www.w3.org/wiki/HTML/Elements/font

:ok:
in /dev/null no one can hear you scream
Avatar utente
Foto Utenteangus
8.480 4 6 9
G.Master EY
G.Master EY
 
Messaggi: 4171
Iscritto il: 20 giu 2008, 17:25

1
voti

[18] Re: Come fare commenti al blog riquadrati e altro

Messaggioda Foto UtentePietroBaima » 23 nov 2013, 19:13

Grazie! :ok:
Generatore codice per articoli:
nomi
Sul forum:
[pigreco]=π
[ohm]=Ω
[quadrato]=²
[cubo]=³
Avatar utente
Foto UtentePietroBaima
90,7k 7 12 13
G.Master EY
G.Master EY
 
Messaggi: 12207
Iscritto il: 12 ago 2012, 1:20
Località: Londra

2
voti

[19] Re: Come fare commenti al blog riquadrati e altro

Messaggioda Foto Utenteangus » 23 nov 2013, 19:17

(sto leggendolo a spicchi e vedo le cose un po' alla volta :-P )

Codice: Seleziona tutto
<div align="left">
si può sostituire con il suo equivalente CSS (l'attributo align del tag div non c'è in HTML 5)

e un tag <p> con display:inline
Codice: Seleziona tutto
Risultato :  <p style="display:inline" id="p1"></p> <br> <br>

si può sostituire con uno <span>

inoltre al posto di quei <br> (quando servono solo per "spaziare") è molto meglio usare un <div> e margin/padding in CSS
in /dev/null no one can hear you scream
Avatar utente
Foto Utenteangus
8.480 4 6 9
G.Master EY
G.Master EY
 
Messaggi: 4171
Iscritto il: 20 giu 2008, 17:25

Precedente

Torna a Informazioni varie più o meno utili

Chi c’è in linea

Visitano il forum: Nessuno e 35 ospiti