Problemi relativi a post, reputazione, navbar on toolbar

Salve again! Dopo aver risolto le mie ultime domande, torno con un nuovo topic in richiesta d'aiuto (ho quasi finito di rompere le palle).
Le domande di oggi non credo siano difficilissime a chi se ne intende, perciò le raggruppo qui, anche perchè le prime 3 riguardano i post, quindi si può dire che siano collegate, mentre per l'ultima spero possa essere presa in considerazione senza aprire un nuovo topic, altrimenti ditemelo e lo farò.

Comincio:

1. Il primo problema riguarda il testo che va fuori dal post quando è troppo lungo, sarà più facile mostrarvelo:




2. Il secondo problema invece riguarda la reputazione, ovvero vorrei togliere tramite css (così da non incorrere in "bug" visivi quando si carica la pagina) la possibilità di dare reputazione negativa e la relativa barra di reputazione totale, e quindi di poter spostare il pulsante della reputazione positiva in un punto sotto l'avatar nel post.

3. Il terzo problema forse è più complicato (non lo so), ma dopo aver seguito questa guida "https://help.forumotion.com/t144728-add-a-favorite-button-next-to-topic-title?highlight=favorite"  per aggiungere un "tasto" affianco al titolo di un topic per inserirlo tra i preferiti, purtroppo non ho il "tasto" ma solo la scritta con link relativo per aggiungerlo ai preferiti, se non avete capito chiedete e vi spiego meglio.



Quindi riguardando la "guida" mi pare d'aver capito che devo associargli un'immagine tramite css con questa classe e possibilmente togliere la scritta "aggiungi ai preferiti" e metterla magari come descrizione da mouse-over, ma non so come:

Codice:


.favlink { font-size: 1.1em; }

4. Per il quarto problema vorrei capire come inserire la navbar nella toolbar (sto seguendo diverse guide ma proprio non ci riesco), o meglio ancora, come inserire la toolbar a scomparsa laterale in questo modo:

Immagine:

Ho trovato un post che dà un codice su come realizzarlo per phpbb3, ma è un po' "buggato", e non so se va a modificare qualcosa che non dovrebbe visto che mi fa sostituire tutto il codice presente nel template, qui è presente il  post in questione


____________ edit: sono finalmente riuscito a trovare uno script per inserire la navbar (quella che esce allo scroll down) fissa in top, però così è un po' bruttina, e vorrei sapere come posso aggiungere al bottone profilo il menu a tendina che esce quando si clicca sul "benvenuto utente" nella toolbar invece di reindirizzare alla modifica del profilo, e come cambiare colore della suddetta barra di navigazione da quel blu acceso.

Per ulteriori chiarimenti son sempre online.

P.S: Il forum che sto usando per questi test è https://www.gamespledge.forumattivo.com

Grazie mille!

Interessante il primo problema non me ne ero mai accorto.... su phpBB3 semplicemente nascondeva la parte in eccesso, ma in realtà c'è una soluzione ancora migliore. Su ModernBB invece non viene gestito e quindi essendo come un'unica parola, esce dal box.

Ne parlo con il dipartimento tecnico perché mi piacerebbe correggere quel problema su tutti i forum. Ti aggiorno appena ho notizie (nel caso in cui la correzione non dovessero pubblicarla loro globalmente, ti spiegherò come risolverlo manualmente tramite CSS)

Grazie per la segnalazione!

Sugli altri problemi li leggerò man mano e ti faccio sapere appena riesco

Ok ho fatto presente il punto 1, aspetto che mi facciano sapere qualcosa

2) Hai mai pensato di sostituire la reputazione con il sistema di like/dislike? Il dislike lo si potrebbe togliere direttamente dal pannello, idem l'informazione su chi ha messo like/dislike. Per nascondere il pulsante della reputazione negativa:

Codice:

.vote .ion-minus-circled {display: none;}
.vote .ion-plus-circled {  margin-right: 0px;}

Vuoi poi nascondere anche questa barra?


In questo modo però l'utente non saprà più che gli è stata data reputazione tramite quel messaggio

Codice:

.vote-bar {
   display: none;
}

Riguardo al spostare la reputazione in un altro punto mmh... non so quanto sia fattibile. Sicuramente però è necessario modificare i templates e spostare del codice lì (tramite CSS non è fattibile)

Eccomi! Come al solito thanks a lot per l'aiuto! E son contento di aver portato a galla un piccolo problema, ora ti faccio i punti:

Per il sistema "like" e "reputazione" mi sto basando su un vecchio forum sul quale stavo spesso, dove praticamente si poteva mettere tranquillamente "like" a qualsiasi post, ma la reputazione era quella importante, ed era presente solo quella positiva, senza barre o altro.
Praticamente il tasto per assegnare la reputazione era presente sotto l'avatar dell'utente (ad esempio accanti ai bottoni per mandare mp/mail/ecc), e quando gli si assegnava la reputazione semplicemente a lui arrivava una notifica con conseguente aumento della reputazione nel profilo, niente di più, e vorrei che fosse così anche sul mio forum.

Anche se adesso ho un piccolo problema proprio con la reputazione, praticamente me ne fa mettere infinita, ho impostato "1" in "numero limite dei voti al giorno per utente", eppure continua a farmi votare con conseguente aumento della reputazione

_________________edit: forse ho capito il problema, stavo votando sempre con account da amministratore, con account normali non mi fa impostare più reputazione del dovuto.

3) Il problema dipende proprio dal codice javascript che è stato usato. Semplicemente prende il link che c'è nel box "Azioni" e lo mette accanto al titolo. Non saprei quindi proprio come risolvere.

In generale lavorare unicamente con javascript non è una buona strada. Per fare una cosa di questo tipo conviene di più modificare i templates.

In questo caso bisogna modificare il template viewtopic_body

Cerca questo pezzo di codice:

Codice:

<a href="{TOPIC_URL}">{TOPIC_TITLE}</a>

Dopo di quello mettici questo:

Codice:

<a id="favouritetopic" title="Aggiungi argomento ai preferiti" rel="nofollow" href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch"><img src="https://2img.net/u/3112/53/90/27/smiles/659276738.gif"/ style="margin-left: 10px;vertical-align: middle;"/></a>
<script>$( document ).ready(function() { if (_userdata.session_logged_in == 0) $("#favouritetopic").hide();});</script>

Il link dell'immagine puoi personalizzarlo a piacere

4) La barra leterale a scomparsa è una funzionalità della versione AwesomeBB. Questa cosa non è disponibile sulle altre versioni. Riprodurla manualmente non è impossibile, ma complicato... su questo non saprei come aiutarti

Per la barra di navigazione fissa in altro invece è fattibile e ho visto dal forum di test che ci sei riuscito

Il menù a tendina "benvenuto ecc.." lo si attiva con questa toolbar:

3. È perfetto! Sei un grande!
Infatti io sto cercando di usare javascript il meno possibile, ma alcune cose purtroppo le trovo essenziali, comunque grazie ancora per questo, la trovo una grandissima comodità.

Mentre se per caso non hai notato la modifica, nel post precedente ho spiegato cosa intendo per il pulsante reputazione.

1. Piccolo bug globale
2. Manca solo il posizionamento del bottone per dare reputazione
3. Perfettamente risolto
4. Quasi risolto, manca solo la possibilità di aprire tramite "Profilo" della navbar, il menù a tendina che si apre in "Benvenuto Utente" invece di aprire il profilo vero e proprio, spero sia fattibile.

Manca poco e posso chiudere questo topic son contento perchè fra poco potrò iniziare la parte grafica e pubblicare il forum.

1) Ora sono a conoscenza di questo problema (che è già stato risolto sulla versione mobile e su awesomebb). È stato aperto un ticket per il team tecnico per risolverlo in futuro. (Sarà data priorità a ModernBB + phpBB3).

Siccome non conosco le tempistiche di correzione, ecco qual è il codice CSS per risolverlo manualmente:

Codice:

.postbody {
    word-wrap: break-word;
}

Sul punto 4 non sono in grado c'è da perderci molto tempo

Per il posizionamento del pulsante della reputazione ci guardo in serata, dovrebbe essere fattibile spostando un pezzo di codice in un template

Ok per spostare la reputazione:

Bisogna modificare il template viewtopic_body. Cerca questa parte di codice e rimuovila:

Codice:

                    <!-- BEGIN switch_vote_active -->
                    <div class="vote">
                        <!-- BEGIN switch_vote -->
                            <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="ion-plus-circled"></a>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_vote -->
                            <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="ion-minus-circled"></a>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <div class="vote-bar-desc">
                                {postrow.displayed.switch_vote_active.L_VOTE_TITLE}
                            </div>

                            <div class="vote-bars">
                                <!-- BEGIN switch_vote_plus -->
                                    <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                <!-- END switch_vote_plus -->

                                <!-- BEGIN switch_vote_minus -->
                                    <div class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                <!-- END switch_vote_minus -->
                            </div>
                        </div>
                        <!-- END switch_bar -->

                        <!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
                        <!-- END switch_no_bar -->
                    </div>
                    <!-- END switch_vote_active -->

Mettilo dopo questi codici:

Codice:

                        <!-- END contact_field -->
                    </dd>
                </dl>

Per migliorare ulteriormente il posizionamento:

Codice:

.vote {
    width: 100%;
    margin-top: 10px;
    text-align: right;
}

Risultato:

Allora ho provato ad inserirlo ma non lo vedo:

Questo è il pezzo che ho tolto e riaggiunto (inizia da ""), ho messo anche il codice sopra per far vedere dove l'ho messo

Spoiler:

e questo l'ho aggiunto nel CSS:

Codice:

.vote {
    width: 100%;
    margin-top: 10px;
    text-align: right;
}

Ok, ad occhio mi sembra nel punto giusto il template dopo averlo modificato lo hai pubblicato?

Prova a rimuovere questo, non vorrei lo leggesse come un'istruzione (dato che nei templates quelle parti vengono tradotte in cicli php)

Codice:

<!-- Sezione switch_vote_active spostata qui -->

Non riesco a posizionarlo bene accanto alle altre icone, ma per ora è un passo avanti per il forum xD perciò ti ringrazio ancora e metto risolto! Le altre domande sono già in attesa ma devo prima sistemarle U.u

____________edit: sono riuscito a mettere il bottone reputazione accanto le altre icone in questo modo:

Codice:

.vote {
float:left;
margin-top: 10px;
}

in futuro ti chiederò come cambiare l'immagine (che se non sbaglio è fatta in css)

Perfetto sì è fatta in CSS, la si può modificare cambiando un pezzo del template menzionato prima

Buon proseguimento!