JenSocial: Social Web Directory and Ning Tips2024-03-29T15:58:05ZSuccessful Women Networkhttp://jensocial.com/profile/Juliahttp://storage.ning.com/topology/rest/1.0/file/get/358757278?profile=RESIZE_48X48&width=48&height=48&crop=1%3A1http://jensocial.com/group/ningnetworktips/forum/topic/listForContributor?user=xayxt7yhgpxs&feed=yes&xn_auth=noMp3 player for Ning 3.0 - created by metag:jensocial.com,2021-03-20:2154984:Topic:6364792021-03-20T09:36:01.056ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<div class="description"><div class="xg_user_generated"><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">// AGGIUNGI QUESTI CODICI IN GLOBAL CSS //</font></font></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">/ * Aspetto del player audio * /</font></font> <br></br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#player {position: relative}…</font></font> <br></br></p>
</div>
</div>
<div class="description"><div class="xg_user_generated"><p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">// AGGIUNGI QUESTI CODICI IN GLOBAL CSS //</font></font></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">/ * Aspetto del player audio * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#player {position: relative}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist, #player {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">max-width: 500px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">imbottitura: 20px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">margine: 0 auto;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">blocco di visualizzazione;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">larghezza: 100%;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">margin: 0 auto 20px auto;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">blocco di visualizzazione;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">text-align: center;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">dimensione del carattere: 15px;</font> <font style="vertical-align: inherit;">/ * Dimensione caratteri * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">font-family: 'Trebuchet MS', Trabuchet, Verdana, sans-serif;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">spessore del carattere: normale;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#player {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">/ * Immagine di sfondo del primo contenitore * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">background: url (</font></font> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983770066?profile=RESIZE_1200x"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">https: //storage.ning.com/topology/rest/1.0/file/get/7983770066? prof ...</font></font></a> <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">);</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">dimensione dello sfondo: 100%;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">imbottitura: 138px 7px;</font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-top-left-radius: 30px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-top-right-radius: 30px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border: 5px ridge # 800000! important;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#audio {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">larghezza: 100%;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">margine: 0 auto;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">display: blocco in linea;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">posizione: assoluta;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">larghezza massima: 300 px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">in basso: 0;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">sinistra: 0;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">destra: 0;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#player: after {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">/ * Immagine animata * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">content: url (nonperora);</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">padding-left: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">background: # 000000;</font> <font style="vertical-align: inherit;">/ * Sfondo del secondo contenitore * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-top: 2px ridge # 800000;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">text-align: sinistra;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-bottom-left-radius: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-bottom-right-radius: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">bordo: 5px riquadro # 800000! important;</font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist li, #playlist ul li {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">background-image: none;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">tipo di stile elenco: nessuno;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">imbottitura: 4px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">margine: 3px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">bordo: 3px inserto # 800000! important;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist li a {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">color: #CCC;</font> <font style="vertical-align: inherit;">/ * Colore del brano musicale * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">background: # 000;</font> <font style="vertical-align: inherit;">/ * Sfondo del brano musicale * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">padding: 7px 5px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">blocco di visualizzazione;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">padding-left: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">decorazione del testo: nessuna;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist li a: hover {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">background: # 800000;</font> <font style="vertical-align: inherit;">/ * Colore dello sfondo al passare del mouse * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">text-decoration: none;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist .active a {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">color: # eed255;</font> <font style="vertical-align: inherit;">/ * Colore del brano attivo * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">font-style: italic;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">spessore del carattere: grassetto;</font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">decorazione del testo: nessuna;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist .active a: before {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">/ * Icona prima del brano attivo * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">content: "\ 25B6";</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">colore: #CCC;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">stile del carattere: normale;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">padding-right: 8px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist .active a: hover {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">color: #CCC;</font> <font style="vertical-align: inherit;">/ * Colore del brano attivo al passaggio del mouse * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#vplaylist, #vplayer {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">width: 400px;</font> <font style="vertical-align: inherit;">/ * Larghezza del contenitore * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">padding: 20px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">margine: 0 auto;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">blocco di visualizzazione;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">text-align: center;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#vplayer {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">padding: 10px 20px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">sfondo: # 000;</font> <font style="vertical-align: inherit;">/ * Colore di sfondo del primo contenitore * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-top-left-radius: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-top-right-radius: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">video {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">larghezza: 400 px;</font> <font style="vertical-align: inherit;">/ * Larghezza del player * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">padding-top: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">margine: 0 auto;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">display: inline-block</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#vplaylist {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">margin: 0 auto 20px auto;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">blocco di visualizzazione;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">sfondo: # 424242;</font> <font style="vertical-align: inherit;">/ * Colore di sfondo del secondo contenitore * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-top: 5px solid # 9F111B;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-bottom-left-right-radius: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">border-bottom-right-radius: 10px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">text-align: sinistra;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">dimensione del carattere: 12px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">famiglia di caratteri: "Trebuchet MS", Trabucco, Verdana, sans-serif;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">spessore del carattere: normale;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#vplaylist li, #vplaylist ul li {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">immagine di sfondo: nessuna;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">tipo di stile elenco: nessuno;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">imbottitura: 0;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">margine: 0;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#vplaylist li a: hover {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">background: # 9F111B;</font> <font style="vertical-align: inherit;">/ * Colore di sfondo al passaggio del mouse * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">text-decoration: none;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#vplaylist .active a {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">color: # B11623;</font> <font style="vertical-align: inherit;">/ * Colore del video attivo * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">font-style: italic;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">decorazione del testo: nessuna;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#vplaylist .active a: before {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">/ * Icona prima del video attivo * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">content: "\ 25B6";</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">colore: #CCC;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">stile del carattere: normale;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">padding-right: 8px;</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#vplaylist .active a: hover {</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">color: # 222;</font> <font style="vertical-align: inherit;">/ * Colore del video attivo al passaggio del mouse * /</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#playlist {max-height: 400px;</font> <font style="vertical-align: inherit;">overflow-y: auto;</font> <font style="vertical-align: inherit;">}</font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">#player {position: relative}</font></font></p>
<p></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">// AGGIUNGI QUESTI CODICI SOCIAL SITE MANAGER REPARTO CODICI PERSONALIZZATI NELLA TESTA //</font></font></p>
<p></p>
<p><!-- Audio player JS code start --></p>
<p><script><br/>document.addEventListener('DOMContentLoaded', lifeGiver)<br/>function lifeGiver() {<br/>var audio;var playlist;var tracks;var current;<br/>initaudio();<br/>function initaudio(){<br/>current=0;<br/>audio=x$('audio');<br/>playlist=x$('#playlist');<br/>tracks=playlist.find('li a');<br/>len=tracks.length-1;<br/>audio[0].volume=1;<br/>playlist.find('a').click(function(e){e.preventDefault();<br/>link=x$(this);<br/>current=link.parent().index();<br/>runaudio(link,audio[0])});<br/>audio[0].addEventListener('ended',function(e){current++;if(current>len){current=0;link=playlist.find('a')[0]}else{link=playlist.find('a')[current]}runaudio(x$(link),audio[0])})}function runaudio(link,player){player.src=link.attr('href');<br/>par=link.parent();<br/>par.addClass('active').siblings().removeClass('active');<br/>audio[0].load();<br/>audio[0].play()}<br/>}</p>
<p></script></p>
<p><!-- Audio player JS code end --></p>
<p></p>
<p>//THESE ARE THE CODES TO INSERT IN HTML IN ANY PAGE YOU WANT AND WHEN CHANGING THE SONGS, REMEMBER THAT THE FIRST SONG GOES TO ADD TWICE//</p>
<p></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><div id = "player"> <br /></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><audio id = "audio" tabindex = "0" preload = "auto" controls = "controls"> <br /></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><source src = "https: // storage. ning.com/topology/rest/1.0/file/get/8268959071?profile=original "type =" audio / mp3 "/> <br /></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Il tuo browser non supporta HTML5. <br /></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"></audio> </ div></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><ul id = "playlist"></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li class = "active"> <a href="https://storage.ning.com/topology/rest/1.0/file/get/8268959071?profile=original"> 1) The Agonist- Thank You Pain </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href = "https://storage.ning.com/topology/rest/1.0/file/get/8268964062?profile=original" > 2) Arch Enemy - No Gods No Masters </ a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7975682464?profile=original"> 3) Bullet for My Valentine - Tears Non cadere </a> </li></font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/8268919298?profile=original"> 4) Deal Death - Fortifed </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">< li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983332660?profile=original"> 5) Dark Flood - Never Free Never Yours </a> </ li ></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7996926262?profile=original"> 6) The last Hangmen - The Hypocrite </a> </ li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7996651675?profile=original"> 7) GIUDICATORE - Let There Be Nothing </a> < / li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983353071?profile=original">8) Cadacross - Impara l'oscurità </a> </li></font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7996896701?profile=original"> 9) insomnium one for sorrow </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">< li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983474464?profile=original"> 10) SILENT HAVOC - Poseidon - Tides </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7977009065?profile=original"> 11) Marea-El perro verde </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983634698?profile=original"> 12) Midnattsol - A Predator's Prey </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983638453?profile=original">13) Megadeth - Never Dead </a> </li></font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983563300?profile=original"> 14) Akrea - Meteor </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li > <a href="https://storage.ning.com/topology/rest/1.0/file/get/7977073864?profile=original"> 15) Iron Maiden - Como Estais Amigos </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">< li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/8268879876?profile=original"> 16) Gorod scolpito nel vento </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983688476?profile=original"> 17) The Ocean - She Was The Universe </a> </ li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983708665?profile=original">18) Guerra millenaria: tiranni e uomini </a> </li></font></font><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/8268866270?profile=original"> 19) Dark Eternity - Aeon </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">< li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983462855?profile=original"> 20) Wayne-The Choice </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li > <a href="https://storage.ning.com/topology/rest/1.0/file/get/7976889901?profile=original"> 21) Black Label Society - Suicide Messiah </a> </li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">< li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7975711665?profile=original"> 22) Mot & ouml; rhead - Asso di picche </a> </ li ></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7996932865?profile=original">23) Foghat - My Babe </a> </li></font></font><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7996986457?profile=original">24) Windir - Dance of Mortal Lust</a></li><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7996994265?profile=original">25) Nightwish - Dead Boy's Poem</a></li><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7996996267?profile=original">26) Six Magics - No time to grieve</a></li><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7997036859?profile=original">27) Rotting Christ - Demonon Vrosis</a></li><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7997038097?profile=original">28) Serpent - Devil In A Dream</a></li><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7997070888?profile=original">29) Archaios - The Distant</a></li><br/><li><a href="https://st5.ning.com/topology/rest/1.0/file/get/7952722052?profile=original">30) Tears of The Dragon - Bruce Dickinson </a></li><br/><li><a href="https://st2.ning.com/topology/rest/1.0/file/get/7135732853?profile=original">31) Sirenia - El Enigma De La Vida </a></li><br/><li><a href="https://st5.ning.com/topology/rest/1.0/file/get/7623405082?profile=original">32) Les Grenouilles - Seth - Akroma </a></li><br/><li><a href="https://st6.ning.com/topology/rest/1.0/file/get/7959097282?profile=original">32) Green Day - 21 Guns </a></li><br/><li><a href="https://st5.ning.com/topology/rest/1.0/file/get/7178270089?profile=original">33) ERADICATOR - Madness Is My Name </a></li><br/><li class="active"><a href="https://storage.ning.com/topology/rest/1.0/file/get/7996574879?profile=original">34) Red Moon Architect - Rise</a></li><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7983505479?profile=original">35) We are the Damned - Diogo Alves 1841</a></li><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7960146465?profile=original">35) Malinconia - Innocent Story</a></li><br/><li><a href="https://storage.ning.com/topology/rest/1.0/file/get/7983345299?profile=original">36) Maleficium Arunquilta - Север </a></li><br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://storage.ning.com/topology/rest/1.0/file/get/7983373700?profile=original"> 37) Cradle Of Filth - Adest Rosa Secreta Eros </a> < / li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><li> <a href="https://st5.ning.com/topology/rest/1.0/file/get/7996574879?profile=original"> 38) Red Moon Architect - Rise </a> < / li></font></font> <br/><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"></ul></font></font></p>
</div>
</div> Style All Main Page Modules With custom Texttag:jensocial.com,2014-05-05:2154984:Topic:5051792014-05-05T17:51:06.710ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p>Includes: Members, photos, music, videos, forums, blogs, notes, groups, events, birthdays, text box, rss, activity feed, about, description coming soon, leaderboards coming soon and badges coming soon. All Ning module headers can be customized, this way you don't have to spend time digging through the language editor, it's all here. Note for custom titles like RSS, textbox, Leaderboards, you can update them yourself, just click on edit on the home page, even if they are in the site sidebar…</p>
<p>Includes: Members, photos, music, videos, forums, blogs, notes, groups, events, birthdays, text box, rss, activity feed, about, description coming soon, leaderboards coming soon and badges coming soon. All Ning module headers can be customized, this way you don't have to spend time digging through the language editor, it's all here. Note for custom titles like RSS, textbox, Leaderboards, you can update them yourself, just click on edit on the home page, even if they are in the site sidebar on the right, skinny column.</p>
<p>This code is considered complete accept for items coming soon which is under development, beta code. Update if you have any suggestions for custom styles or to change location of code, this goes in CSS advanced and is designed to work in latest Ning themes using design studio. To not use design studio themes with this code, if you need it posted we can do that.</p>
<p>.xg_widget_main .module_members .xg_module_head h2:before {content:'Last Active ';}<br/>.xg_widget_main .module_members .xg_module_head h2:after {content:' Today';}<br/>.xg_widget_main .xg_module_activity .xg_module_head h2:after {content:' Feed';}<br/>.xg_widget_main .module_forum .xg_module_head h2:before {content:'Latest ';}<br/>.xg_widget_main .module_forum .xg_module_head h2:after {content:' Activity';}<br/>.xg_widget_main .module_blog .xg_module_head h2:before {content:'New ';}<br/>.xg_widget_main .module_photo .xg_module_head h2:after {content:' Stream';}<br/>.xg_widget_main .music .xg_module_head h2:before {content:'New ';}<br/>.xg_widget_main .music .xg_module_head h2:after {content:' Playlist';}<br/>.xg_widget_main .module_video .xg_module_head h2:before {content:'New ';}<br/>.xg_widget_main .module_groups .xg_module_head h2:before {content:'Last Active ';}<br/>.xg_widget_main .module_events .xg_module_head h2:before {content:'Recent ';}<br/>.xg_widget_main .module_birthdays .xg_module_head h2:before {content:'Recent ';}<br/>.xg_widget_main .module_notes .xg_module_head h2:before {content:'Recent ';}<br/>.xg_widget_main .module_about .xg_module_head h2:after {content:' Site Name';}<br/><br/></p>
<p>If you want this for profiles, just let us know. change anything you like, works well.</p> a little problem solvedtag:jensocial.com,2012-12-14:2154984:Topic:4834872012-12-14T17:17:59.413ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p>When i put the code i had a problem in a left side, the ningbar was on the top and hid the administration access.</p>
<p>I add only a left position and eveything works good...Thank for the tip!</p>
<p></p>
<p><div style="p osition:absolute; right:400px; left:300px; top:4px;"></p>
<p></p>
<p>Hope can help...</p>
<p>When i put the code i had a problem in a left side, the ningbar was on the top and hid the administration access.</p>
<p>I add only a left position and eveything works good...Thank for the tip!</p>
<p></p>
<p><div style="p osition:absolute; right:400px; left:300px; top:4px;"></p>
<p></p>
<p>Hope can help...</p> Review: Ning Mobile App - A New Interface, and Easy as 1-2-3 to Customize!tag:jensocial.com,2012-07-21:2154984:Topic:4645452012-07-21T23:37:39.896ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p>Ning has just completed and implemented a new interface for the Ning Mobile App. The new interface is a great improvement from the older mobile app interface. If you dig around a little, you'll be pleasantly surprised. At first glance, it appears that all you can do is add modules, pages, move pages around (which I love!), and add a logo. However, if you click on each "Module" page, you'll discover you have several options for customization. Below are the highlights of the features, from…</p>
<p>Ning has just completed and implemented a new interface for the Ning Mobile App. The new interface is a great improvement from the older mobile app interface. If you dig around a little, you'll be pleasantly surprised. At first glance, it appears that all you can do is add modules, pages, move pages around (which I love!), and add a logo. However, if you click on each "Module" page, you'll discover you have several options for customization. Below are the highlights of the features, from <a href="http://creators.ning.com/forum/topics/ning-mobile-a-new-interface-designed-for-modern-smartphones" target="_blank">Creators.ning.com</a>:</p>
<p></p>
<blockquote><ul>
<li><strong>Design details</strong>: The Ning Mobile site is standardized for design consistency, but there are a few branding options for Ning Creators to take advantage of. You can upload a logo to replace the name of a network in the header or change the background color of the header. A preview mode is also provided to see what it all looks like before committing to a change.</li>
<li><strong>Choose your pages</strong>: Ning Creators can choose the pages they wish to display and how the data on the pages is sorted (e.g., by "Latest Activity"). Some pages include choices about whether to show or hide preview-style content. Don't like the order of pages? Ning Creators can drag and drop them and reorder them to their satisfaction. The first one listed will function as the "Main Page."</li>
<li><strong>Opt-out option</strong>: Don't want a mobile version? We've got you covered. If a Ning Creator removes all of the pages from the Mobile section of the dashboard, visitors will instead be shown the desktop version of your Ning Network.</li>
<li><strong>Back-out option</strong>: We've included a "Desktop View" for any member or visitor who wants to switch off the mobile version and rely on the standard desktop view.</li>
</ul>
</blockquote>
<p> </p>
<p>I was particularly pleased to see the ability to change module headers, add RSS feeds, and add custom HTML to a new page. I experienced one thing that threw me a little: when I clicked on the SAVE button within the "Module" page, it didn't seem that anything happened. But, it did save my first change. When I tried to change the title again, it didn't save. Today, all seems to be working properly. It could be my browser, not sure. I felt it worth mentioning. There may be a few bugs, yet. That's nothing to sweat about when a brand new product has been rolled out - - report any bugs to Ning if you experience any.</p>
<p> </p>
<p>From the <span class="font-size-4"><strong>Site Visitor and Member's</strong></span> vantage point, the interface is smoother, better swiping experience, works better on most smartphones, offers more content availability, and a more enjoyable mobile experience. I actually found it to be fun! With the old mobile app, I would run to the "Desktop View" if I wanted to add any content. It also taught me what I need to do to clean up stale content! Be sure to flip back/forth, to see what you are adding to your mobile app. If by chance you don't have access to a smartphone, you can at least view your mobile app via <a href="http://yourning.com/m">http://yourning.com/m</a></p>
<p> </p>
<p><span class="font-size-4"><strong>Smartphone Access:</strong></span></p>
<p>Newbies to mobile apps: When you access your Ning Network from a smartphone, in the past you could enter <a href="http://yourning.com/m">http://yourning.com/m</a>, and most smartphones depending on your OS (Operating System) would automatically direct you to the mobile app. Now, Ning automatically directs you to the mobile app. To change your view to "Desktop View" or to select a different available module, click on Settings button in upper right of screen. See screenshot below.</p>
<p> </p>
<p><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/1061620568?profile=original"><img class="align-left" src="http://storage.ning.com/topology/rest/1.0/file/get/1061621484?profile=original" height="656" width="356"/></a></p>
<p> </p>
<p><strong><span class="font-size-4">Ning Network Creators:</span></strong> <span class="font-size-4">To access the Mobile App Interface on your Ning Network, go to your dashboard</span> <strong><span class="font-size-4">- My Network/Settings/Mobile</span></strong></p>
<p>The interface is very well written and self-explanatory. As with any interface, it takes experimenting with the features, and checking your mobile app to view your success. =)</p>
<p><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/1061620599?profile=original"><img width="750" class="align-full" src="http://storage.ning.com/topology/rest/1.0/file/get/1061620599?profile=RESIZE_1024x1024" width="750"/></a></p>
<p><span class="font-size-4"><strong>Ning Network Creators</strong></span>, like mentioned above, this interface offers much more customization than the old Mobile App, which was close to none. And the best part? It couldn't be easier to customize! It took me 10 minutes to upload a simple logo, move a few pages around, and basically learn the interface. I popped back/forth between my Mobile Customization Page and my Smartphone. The next day I spent another 30-45 minutes perfecting my mobile app content.</p>
<p> </p>
<p><span class="font-size-4"><strong>Bottom line:</strong></span> The app is beautiful on the smartphone, and light years ahead of the old app. This is a great move forward for the Ning platform, and a much needed improvement. Ning also makes promises to add more features in the future.</p>
<p> </p>
<p>For more details and FAQ, go to discussion on <a href="http://creators.ning.com/forum/topics/ning-mobile-a-new-interface-designed-for-modern-smartphones" target="_blank">Creators</a>.</p>
<p> </p>
<p>Be sure to spend at least 10-15 minutes checking out your settings, and access your site via a smartphone to see your Site Visitor's mobile experience.</p>
<p> </p>
<p>~ Jen</p> Add Footer like Creators.ning.com (Great example of a JenSocial VIP Tip!)tag:jensocial.com,2012-07-20:2154984:Topic:4639862012-07-20T03:41:14.303ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p><strong><span class="font-size-4">Add a Footer like Creators.ning.com - - overall look and feel.</span><br></br></strong></p>
<p><span class="font-size-3"><strong>A few notes first:</strong></span></p>
<ul>
<li><span class="font-size-3">If you are a VIP Member of <a href="http://jensocial.com/group/premiumningtipsbyjen" target="_blank">JenSocial</a> and are using the original VIP custom footer - - want a change using the new footer, please go to…</span></li>
</ul>
<p><strong><span class="font-size-4">Add a Footer like Creators.ning.com - - overall look and feel.</span><br/></strong></p>
<p><span class="font-size-3"><strong>A few notes first:</strong></span></p>
<ul>
<li><span class="font-size-3">If you are a VIP Member of <a href="http://jensocial.com/group/premiumningtipsbyjen" target="_blank">JenSocial</a> and are using the original VIP custom footer - - want a change using the new footer, please go to <a href="http://jensocial.com/group/premiumningtipsbyjen/forum/topics/add-footer-like-creators-ning-com-overall-look-and-feel" target="_blank">VIP Tip</a> for full instructions.<br/></span></li>
<li><span class="font-size-3"><strong>GlamLiving Media Sites:</strong> If you are part of GlamLiving Media sites and use tracking code and logo, according to a VIP Member, this footer will hide the logo. I am currently investigating this, and will update in VIP Group.<br/></span></li>
<li><span class="font-size-3">Time will not allow me to support customization of this tip, except in <a href="http://jensocial.com/group/premiumningtipsbyjen" target="_self">JenSocial VIP Club</a>. However, you should find it very easy to install.<br/></span></li>
<li><span class="font-size-3">I used the blueprint of the Footer on Creators - - thanks Ning for inspiring so many NCs. However, the code has been completely rewritten and re-purposed, for ease of installation.<br/></span></li>
</ul>
<p><span class="font-size-4"><span class="font-size-4"><span class="font-size-3">Below is an example of the Footer like Creators.ning.com, and the results of the code from this tip.</span><br/></span></span></p>
<p><strong><span class="font-size-4"><br/></span></strong></p>
<p><strong>Click Image below for Full View</strong>.<br/> <a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/2297082?profile=original"><img width="750" class="align-full" src="http://storage.ning.com/topology/rest/1.0/file/get/2297082?profile=RESIZE_1024x1024" width="750"/></a><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/1061621480?profile=original"></a></p>
<p><span class="font-size-3">Writer Chick inspired me to get this done! =) I have documented the HTML as clearly as possible. When you first look at the code, it may look overwhelming. But trust me, it's easy to edit. I have written this so all code goes in the Bottom Instant Ad Box. You will not have to add any code to Advanced CSS or Custom Code Box.</span></p>
<p><span class="font-size-3"> </span></p>
<p><span class="font-size-3">Since I am including the CSS in the Instant Ad Box, it should load faster, not take up space in your Advanced CSS, and hopefully override Custom Profile Page settings.</span></p>
<p> </p>
<p><strong><span class="font-size-4">Instructions:</span></strong></p>
<ul>
<li>Edit the code in this text file: <span class="font-size-3"><a target="_self" href="http://storage.ning.com/topology/rest/1.0/file/get/301619281?profile=original">FooterLikeCreators_Content_BottomInstantAdBox_HTML_for_TIP.txt</a></span> and follow the instructions below.</li>
<li>Within the <style> tag you will find all of the CSS. Locate each line that has the numerous asterisks like this example:</li>
<li>/****************************** Copyright Links - Color *****************************/</li>
<li>Change your font attributes, the overall background color, and you are done with the CSS edits. If you like the colors in the screen shot example, you don't need to change anything.</li>
<li>Then, you will see 4 blocks of links. Each header is titled: Column Header #1-Column Header #4 (named "Site Links" as a suggestion for the last column header). Change the Header Titles to suit your needs. Don't change anything else.</li>
<li>Under each Column Header you will see 4 generic links, titled: Link #1-Link #4. Change the link titles and the href URLs to your links.</li>
<li>For Column #4 ("Site Links"), I have added the generic links for: Badges, Report an Issue, and Terms of Service. You do not have to change those 3 href URLs. They will work on your site as-is. I used "About Us" for Link #1 Title, as a suggested link. You will need to change the href URL to your "About Us" page.</li>
<li>Now, change the copyright name to your Site or Company Name. This is located at bottom of code. Please be careful within this script code. I have added script that will change the copyright year to current year. Search for and change: "Ning Network Name Goes Here." TO "Your Site or Company Name". <strong>Do not change anything else within copyright code, unless you are an experienced coder.</strong></li>
<li>Save all of your edited code to a text file for future edits. It's always best to edit this type of code in a text file, and then paste into your Instant Ad Box.</li>
<li>Paste all of the edited code into your Bottom Instant Ad Box. Be sure to click on the HTML button.</li>
<li>And you are done!</li>
<li>THE NEXT SET OF INSTRUCTIONS ARE ONLY NEEDED IF YOU HAVEN'T INSTALLED THE BOTTOM INSTANT AD BOX.</li>
<li><p><span class="font-size-4"><strong>Instructions to add Bottom Instant Ad Box:</strong></span></p>
<ul>
<li>Go to: My Network/Settings/Features Layout</li>
<li>At the bottom of center column find "Instant Ad Boxes:" section, and click Below Footer.</li>
<li>Click on SAVE.</li>
</ul>
<ul>
<li><img class="align-center" src="http://storage.ning.com/topology/rest/1.0/file/get/1061508332?profile=original" width="550"/></li>
</ul>
</li>
</ul>
<p> </p>
<p><span class="font-size-3">I could have left out the ability to change the attributes like color, font-family, font-size for: Column Header, Links, background color, etc... It would make it easier to install, but much less control over your look.</span></p>
<p><span class="font-size-3"> </span></p>
<p><span class="font-size-3"><strong>For more tips and support of this quality, join us on <a href="http://jensocial.com/group/premiumningtipsbyjen" target="_blank">JenSocial, in our VIP Club for Ning Tips</a>!</strong></span></p>
<p><span class="font-size-3"> </span></p>
<p><span class="font-size-3">I hope you enjoy this tip!</span></p>
<p><span class="font-size-3">Jen</span></p> Great Videos for July 4th (U.S. Independence Day!)tag:jensocial.com,2012-07-04:2154984:Topic:4616092012-07-04T01:43:28.032ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p>For those of you who celebrate July 4th (U.S. Independence Day), you probably enjoy adding an interesting video to your Social Community that salutes this important Holiday. I'm always trying to find high quality and/or unique videos for different holidays, and really enjoy the videos offered by <a href="http://www.history.com/topics/july-4th/videos#declaration-of-independence" target="_blank">A&E's History Channel</a> website. Recently, A&E decided to enable sharing of their videos…</p>
<p>For those of you who celebrate July 4th (U.S. Independence Day), you probably enjoy adding an interesting video to your Social Community that salutes this important Holiday. I'm always trying to find high quality and/or unique videos for different holidays, and really enjoy the videos offered by <a href="http://www.history.com/topics/july-4th/videos#declaration-of-independence" target="_blank">A&E's History Channel</a> website. Recently, A&E decided to enable sharing of their videos - - with an ad at the start of the video. It's a small tradeoff for such great quality videos.</p>
<ul>
<li>If you want to find an Independence Day Celebration video, head on over to: <a href="http://www.history.com/topics/july-4th/videos#declaration-of-independence">http://www.history.com/topics/july-4th/videos#declaration-of-independence</a></li>
<li>Choose your video, and click on play. After the short advertisement, hover over the video at bottom right, and you will see a "share button".</li>
<li>Click on Share, then click on Embed Code.</li>
<li>Grab the embedded code, and paste into a Text Box on your Ning Network. Be sure to click on the HTML button, paste code, then SAVE.</li>
</ul>
<p> </p>
<p>Happy July 4th! Be safe and enjoy. Don't forget to thank a Soldier for their critical role in helping us maintain our Freedom.</p>
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="340" width="480"><param name="allowScriptAccess" value="never"></param><param name="allowFullScreen" value="false"></param><param name="src" value="http://www.history.com/flash/VideoPlayer.swf?vid=6319286910101"></param><param name="allowfullscreen" value="false"></param><param name="allowscriptaccess" value="never"></param><param name="wmode" value="opaque"></param><embed wmode="opaque" type="application/x-shockwave-flash" src="http://www.history.com/flash/VideoPlayer.swf?vid=6319286910101" allowscriptaccess="never" allowfullscreen="false" height="340" width="480"></embed> </object>
</center>
<p> </p>
<p>Best Regards,</p>
<p>Jen</p> Crazy Design Trick: Give a mind blowing look to your ning forum.tag:jensocial.com,2012-06-11:2154984:Topic:4571842012-06-11T06:05:32.398ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p>Jfarrow is looking for <a href="http://creators.ning.com/forum/topics/question-about-best-3rd-party-forums-to-integrate-into-ning" target="_self">THE BEST 3RD PARTY FORUMS TO INTEGRATE INTO NING</a>. His idea is not bad. However, we can give a different or nice look to your ning forum if you have a tweaking knowledge. But how? Here we go.....</p>
<p><strong>Instructions: No headache, no editing, no changing. Simply copy and paste the code into custom code area. …</strong></p>
<p></p>
<p>Jfarrow is looking for <a href="http://creators.ning.com/forum/topics/question-about-best-3rd-party-forums-to-integrate-into-ning" target="_self">THE BEST 3RD PARTY FORUMS TO INTEGRATE INTO NING</a>. His idea is not bad. However, we can give a different or nice look to your ning forum if you have a tweaking knowledge. But how? Here we go.....</p>
<p><strong>Instructions: No headache, no editing, no changing. Simply copy and paste the code into custom code area. </strong></p>
<p><span style="color: #ff0000;">You may want to change your preferences such as colors, font size, icons etc., please contact me via my email at bernardmax2@gmail.com Or you can play with the code after extracting the JS file.</span></p>
<p><strong>The Code</strong></p>
<div style="padding: 5px; background-color: #e1f5a9; color: #000000;"><p><script type="text/javascript" src="http://storage.ning.com/topology/rest/1.0/file/get/1212722718?profile=original"></script></p>
</div>
<p> </p>
<p>Live Preview: <a href="http://www.ksnonline.org/forum" target="_blank">Here</a></p>
<p>Preview:</p>
<p><a href="http://storage.ning.com/topology/rest/1.0/file/get/1212722762?profile=original" target="_self"><img width="750" src="http://storage.ning.com/topology/rest/1.0/file/get/1212722762?profile=RESIZE_1024x1024" width="750" class="align-full"/></a></p> Scroll Bar for comment wall on group pagestag:jensocial.com,2012-06-09:2154984:Topic:4566232012-06-09T11:19:55.088ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p>This code <span>will add a vertical scroll bar to your comment wall on all groups. You may want to adjust the scroll bar height to your preference.</span></p>
<p><span><span style="color: #808000;"><strong>Add this CSS to My Network/Settings/Appearance/Advanced CSS.</strong></span> </span></p>
<p> </p>
<p><em>/* Scroll Bar for Comment Wall */</em></p>
<p><em>.xg_widget_groups_group_show #comments.xg_module_body{height: 1000px;overflow :…</em></p>
<p>This code <span>will add a vertical scroll bar to your comment wall on all groups. You may want to adjust the scroll bar height to your preference.</span></p>
<p><span><span style="color: #808000;"><strong>Add this CSS to My Network/Settings/Appearance/Advanced CSS.</strong></span> </span></p>
<p> </p>
<p><em>/* Scroll Bar for Comment Wall */</em></p>
<p><em>.xg_widget_groups_group_show #comments.xg_module_body{height: 1000px;overflow : auto;position:relative;}</em></p>
<p><em> </em></p>
<p><span style="text-decoration: underline;"><span style="color: #ff6600; text-decoration: underline;" class="font-size-4"><span style="color: #808000; text-decoration: underline;">Live Preview:</span> </span><span style="text-decoration: underline;" class="font-size-4"><a href="http://www.ksnonline.org/group/classified" target="_blank">here</a><span style="text-decoration: underline;">.</span><span style="color: #ff6600; text-decoration: underline;"><br/></span></span></span></p> Tip: Give a different look to your specific group page.tag:jensocial.com,2012-06-08:2154984:Topic:4566922012-06-08T15:11:25.946ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p><span>This will widen the first column, hide the right column and change the background color of group description in the specific group page. You may want to adjust the width and background color to your preference. This code is made for New Design Studio.</span></p>
<p><span style="text-decoration: underline;"><span class="font-size-4" style="color: #339966; text-decoration: underline;">Instructions:</span></span> Be sure to change your group page name as my group page name is…</p>
<p><span>This will widen the first column, hide the right column and change the background color of group description in the specific group page. You may want to adjust the width and background color to your preference. This code is made for New Design Studio.</span></p>
<p><span style="text-decoration: underline;"><span class="font-size-4" style="color: #339966; text-decoration: underline;">Instructions:</span></span> Be sure to change your group page name as my group page name is <em>classified.</em> How to find the group page name? See example here: <a href="http://www.ksnonline.org/group/classified">http://www.ksnonline.org/group/classified</a></p>
<p>After replacing your group page name, copy and paste the code into custom Code.</p>
<p>You are done!</p>
<div style="padding: 5px; background-color: #e1f5a9; color: #000000;"><p><script type="text/javascript"><br/> if (window.location.href.split('group/')[1] == '<span style="color: #ff6600;">classified</span>') {<br/> x$('.xg_span-16').css('width','982px');<br/> x$('.xg_span-4').css('width','183px');<br/> x$('.xg_span-12').css('width','790px');<br/> x$('.xg_span-5').css('display','none');<br/> x$('.nopad').css('background-color','#eef2d5');<br/> x$('.xg_user_generated').css('width','500px');}<br/> </script></p>
<p><script type="text/javascript"><br/> if (window.location.href.split('group/')[1] == '<span style="color: #ff6600;">classified</span>?xg_source=activity') {<br/> x$('.xg_span-16').css('width','982px');<br/> x$('.xg_span-4').css('width','183px');<br/> x$('.xg_span-12').css('width','790px');<br/> x$('.xg_span-5').css('display','none');<br/> x$('.nopad').css('background-color','#eef2d5');<br/> x$('.xg_user_generated').css('width','500px');}<br/> </script></p>
</div>
<p> </p>
<p><span style="color: #800000; font-family: 'book antiqua', palatino;" class="font-size-3">If you want to change your regular group to classified group or some other kind of group, I'm available for hire or contact me at bernardmax2@gmail.com</span></p>
<p>Live Preview: <a href="http://www.ksnonline.org/group/classified" target="_blank">Here</a></p>
<p>Preview:</p>
<p><a href="http://www.ksnonline.org/group/classified" target="_blank"><img width="673" src="http://storage.ning.com/topology/rest/1.0/file/get/1212722591?profile=RESIZE_1024x1024" width="673" class="align-full"/></a></p> Add Logo to Ning Bar - (collaborative efforts of Jen and Kris)tag:jensocial.com,2012-05-24:2154984:Topic:4538232012-05-24T07:09:36.484ZSuccessful Women Networkhttp://jensocial.com/profile/Julia
<p><strong><span class="font-size-4">Add Logo to Ning Bar - (collaborative efforts of Jen and Kris)</span></strong></p>
<p><strong><span class="font-size-4"><a href="http://www.bikerspost.com/" target="_blank"><img src="http://storage.ning.com/topology/rest/1.0/file/get/1212722260?profile=original" width="720"></img></a></span></strong></p>
<p> </p>
<p>Kris of <a href="http://www.bikerspost.com/" target="_blank">Bikerspost.com</a> wrote tonight and asked how to add his logo to his NingBar. Kris is a Design Client, and a…</p>
<p><strong><span class="font-size-4">Add Logo to Ning Bar - (collaborative efforts of Jen and Kris)</span></strong></p>
<p><strong><span class="font-size-4"><a href="http://www.bikerspost.com/" target="_blank"><img src="http://storage.ning.com/topology/rest/1.0/file/get/1212722260?profile=original" width="720"/></a></span></strong></p>
<p> </p>
<p>Kris of <a href="http://www.bikerspost.com/" target="_blank">Bikerspost.com</a> wrote tonight and asked how to add his logo to his NingBar. Kris is a Design Client, and a <a href="http://jensocial.com/group/premiumningtipsbyjen" target="_blank">VIP Member of JenSocial</a>. So, I was happy to share this code with him. Ironically I had already written the code for the new design for JenSocial - - coming soon! We discussed behind the scenes and decided we'd share with everyone.</p>
<p> </p>
<p><strong>Important Note:</strong> If you are using the tip for adding the <a href="http://jensocial.com/group/ningnetworktips/forum/topics/add-member-account-box-links-to-ningbar-and-hide-account-box-savi" target="_self">SignIn Box links</a> to your NingBar, this will not format correctly.</p>
<p> </p>
<p><span class="font-size-4"><strong>Instructions:</strong></span></p>
<ul>
<li>You will need to size your logo to no more than 30-60 pixels in height. Kris has sized his logo to: 300px width by 52px height.</li>
<li>Upload your image via a blog or File Manager.</li>
<li>Copy/paste the image URL.</li>
<li>Edit the code below, and add your image URL.</li>
<li>Edit the #xn_bar height to a few pixels more than the height of your logo. See code below within the <style> tag.</li>
<li>Add <span class="font-size-3"><strong>ALL</strong></span> of the code to your Custom Code Box via: <strong>My Network/Tools/Custom Code</strong></li>
<li>You will probably need to tweak the padding. Kris added some extra padding to top, like this: <img style="float:left!important;padding-left:10px;<strong>padding-top:5px;</strong>"></li>
</ul>
<p> </p>
<div style="background-color: #f2ffe1; padding: 10px; border: 1px solid #e6e6e6;"><style><br/> #xn_bar {<br/> height:60px!important;<br/> }<br/> </style><br/><br/> <script type="text/javascript"><br/> if (typeof(x$) != 'undefined') {<br/> x$("#xn_bar #xn_bar_menu").prepend('<img style="float:left!important;padding-left:10px;" src="yourimageurl">');<br/> }<br/> else {<br/> }<br/> </script></div>
<p> </p>
<div style="background-color: #f2ffe1; padding: 10px; border: 1px solid #e6e6e6;">Kris also needed the following CSS for his Ning Bar. This will vary per theme. If you use the CSS below, add to <strong>Advanced CSS</strong>.<br/><br/> #xn_bar {<br/> margin: 0 auto;<br/> width: 1002px !important;<br/> }</div>
<p> </p>
<p><span class="font-size-4"><strong>Be sure to see the awesome tip Kris offered to <a href="http://creators.ning.com/forum/topics/added-logo-to-login-box" target="_self">add logo to your SignIn Box</a>.</strong></span></p>
<p> </p>
<p>Have fun!</p>
<p>Jen and Kris</p>