Tabelle annunci

Salve @Niko eccomi:

Volevo creare una tabella per gli annunci ma mi sembrava complicato e quindi mi é passata la voglia, però ci tengo alla tabella e quindi come mi ha detto Niko eccomi qui:

Per prima cosa volevo sapere se mi potevate consigliare le dimensioni, in questo modo apro una richiesta nella sezione grafica.

Poi però non so come procedere. Magari se aspettiamo che sia pronta l'immagine?? Cosi dopo mi aiutate ad impostarla?

Non so da che parte iniziare.

Forse è una idea un po' banale / stupida.. ma se ti facessi preparare una immagine a forma di tabella con il testo già scritto nell'immagine? In questo modo dovrai solo pubblicare l'immagine per postare l'annuncio

Ovviamente dovrai realizzare più immagini per avere più testi

Cioè tu mi scrivi già l'annuncio?? E poi io ogni volta la devo rifare??

Non c'è una soluzione diversa?? Non puoi fare in modo che possa cambiare l'annuncio?

Perché come ho detto non sono molto pratica....


Grazie mille per l'aiuto, sei gentilissimo!

Di niente figurati, mi fa piacere cercare di aiutare (quel che riesco ahah)

Dimmi se ti piace questo, inserisci nel CSS il seguente codice:

Codice:

.avviso_negativo {
    background-color: #FF6347;
    background-image: url("http://i72.servimg.com/u/f72/17/93/08/38/highli10.png");
    background-position: 0 0;
    background-repeat: repeat no-repeat;
    border: 1px solid #FF664A;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.098);
    font-size: 13px;
    line-height: 1.6;
    padding: 5px;
    text-align: center;
}

.avviso_normale {
        -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 0 1px 3px;
 background-color: #EAEAEA;
 background-image: url(http://i72.servimg.com/u/f72/17/93/08/38/highli10.png);
 background-position: 0 0;
 background-repeat: repeat no-repeat;
 border: 1px solid #D1D1D1;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 box-shadow: rgba(0, 0, 0, 0.0976563) 0 1px 3px;
 font-size: 13px;
 line-height: 1.6;
 padding: 5px;
 text-shadow: rgba(255, 255, 255, 0.546875) 0 1px 0;
        text-align: center;
    }

.avviso_positivo {
 -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 0 1px 3px;
 background-color: #CDE3A4;
 background-image: url(http://i72.servimg.com/u/f72/17/93/08/38/highli10.png);
 background-position: 0 0;
 background-repeat: repeat no-repeat;
 border: 1px solid #A8C471;
 border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
 border-top-left-radius: 6px;
 border-top-right-radius: 6px;
 box-shadow: rgba(0, 0, 0, 0.0976563) 0 1px 3px;
 font-size: 13px;
 line-height: 1.6;
 padding: 5px;
 text-shadow: rgba(255, 255, 255, 0.546875) 0 1px 0;
        text-align: center;
}

Codice da usare nei topic:

Codice:

[center][table class="avviso_positivo"][tr][td]Questa è la scritta dell'annuncio![/td][/tr][/table][/center]

[center][table class="avviso_negativo"][tr][td]Questa è la scritta dell'annuncio![/td][/tr][/table][/center]

[center][table class="avviso_normale"][tr][td]Questa è la scritta dell'annuncio![/td][/tr][/table][/center]

Esempio:


Poi volendo ci puoi aggiungere qualche icona o immagine

MattiaDes si é perfetto, una cosa che ti volevo chiedere, e se mi faccio fare la parte in alto (quella dove ce la mascotte di forumattivo) dove la devo inserire?? In che punto?

Questo è un esempio:


Potrebbe andare? Ho fatto così:

Codice:

[center][table class="avviso_normale"][tr][td][img]http://i18.servimg.com/u/f18/18/00/81/97/foruma10.png[/img][/td][/tr]
[tr][td]Questa è la scritta dell'annuncio![/td]
[/tr]
[/table]
[/center]

Grazie mille @MattiaDes

Però se apro un post nella sezione grafica che dimensioni devo inserire? Mi potete fornire le dimensioni?? La grandezza del annuncio é come su Forumattivo.

Le dimensioni dipendano da te, come preferisci tu, non ha importanza

Ciao, ecco la parte superiore dei vari annunci:

https://aiuto.forumattivo.it/t18584-immagini-annunci


Adesso, mi aiutate a sistemare i bordi, la parte finale, ecc....??

Grazie mille.

P.S.: Lasciamo per ultimo quello per gli annunci importanti.

Una cosa del genere, potrebbe andare bene?


Il problema è il ridimensionamento dell'immagine.. o sul tuo fuori disabiliti tale opzione.. oppure mmh provo a mettere l'immagine di background

Non si può semplicemente aggiungere dei bordi ai lati?? Senza quello sfondo grigio??

Io non ci capisco molto di queste cose.....

Così ti piace?

É fantastico!

Potresti fornirmi il codice e spiegarmi come lo modifico??


Grazie mille!

Ottimo! allora come prima cosa, aggiungi questo codice CSS nel tuo foglio di stile:

Codice:

.box .header {background: rgba(0, 0, 0, 0) url("http://i.imgur.com/i2woCJf.png") repeat-x scroll 0 0;border-radius: 4px 4px 0 0;height: 103px;padding-bottom: 15px;width: 721px;}.box {background: #fff none repeat scroll 0 0;border-bottom: 1px solid #0066d8;border-left: 1px solid #0066d8;border-radius: 5px;border-right: 1px solid #0066d8;border-spacing: 0;margin: 4px;width: 725px;}

Fatto? Ottimo! Ora tutte le volte che vorrai postare un annuncio, ti basterà usare questo codice:

Codice:

[center][table class="box"][tr][td class="header"][/td][/tr][tr][td]
Qui scrivo.. ciao ciao
[/td][/tr][/table][/center]

Per modificare la scritta, basterà cambiare la parte centrale se hai dubbi scrivi pure

Ciao @MattiaDes sei fantastico!

Ma mi aiuteresti con questo?:




vorrei che anche i bordi fossero rossi!

Grazie mille!

Che gentile, certo

Aggiungi nel CSS:

Codice:

.box2 .header {background: rgba(0, 0, 0, 0) url("http://i.imgur.com/I5C5nSj.png") repeat-x scroll 0 0;border-radius: 4px 4px 0 0;height: 103px;padding-bottom: 15px;width: 721px;}.box2 {background: #fff none repeat scroll 0 0;border-radius: 5px;border-spacing: 0;margin: 4px;width: 725px;border: 1px solid #8A0000;}

E come codice nei topic:

Codice:

    [center][table class="box2"][tr][td class="header"][/td][/tr][tr][td]
    Qui scrivo.. ciao ciao
    [/td][/tr][/table][/center]

Non l'ho provato, ma dovrebbe andare fammi sapere

Perfetto, funziona benissimo.

Grazie mille per l'aiuto, problema Risolto!

Fantastico

Archivio, ci sentiamo!