-
|
.
|
| Facendo qualche ricerca e qualche tentativo, basandomi su questo codepen, ho ottenuto ciò:
edit: ho tolto la preview perchè mi sono accorta che non si vedeva comunque, ma se copi il codice funziona!
CODICE <div style="width: 550px; height: 50px; background: radial-gradient(circle at bottom right, #fff0 70px, #cacaca 0) top left; background-size: 50% 100%; background-repeat: no-repeat; line-height: 50px; padding-left: 10px;">lorem ipsum</div> <div style="width: 550px; height: 50px; background: radial-gradient(circle at top right, #fff0 70px, #cacaca 0) top left; background-size: 50% 100%; background-repeat: no-repeat; line-height: 50px; padding-left: 10px; margin-top: 10px;">dolor sit amen</div>
Praticamente per fare anche gli altri due è solo una questione di cambiare nel codice "right" in "left" e il gioco è fatto!
NB. Il "line-height" deve avere lo stesso valore della voce "height" per far sì che il testo sia allineato centralmente sull'asse verticale!
Spero ti sia utile :3
Per quanto riguarda la seconda domanda... effettivamente le tabelle sono molto comode per creare schemi schede/role - specialmente quando vuoi creare qualcosa come quello che stai cercando di fare tu! E non sono così complicati da utilizzare una volta capito come funzionano!
Vediamo un codice semplicissimo, una tabella con una riga per il titolo e due colonne:
CODICE <table>
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
- il tag <td> definisce le celle (le colonne, se vogliamo) della tabella (table data cell)
- il tag <th> definisce il titolo delle colonne (table heading) (questo viene usato raramente quando si sfruttano le tabelle per i codici)
Quindi, se prendiamo il codice sopra, la tabella sarà più o meno così:
| TITOLO UNO | TITOLO DUE |
|---|
| CONTENUTO UNO | CONTENUTO DUE |
(nb: i bordi li ho aggiunti io con il css per indicare dove iniziano e finiscono righe e colonne)
Ora, utilizzarle è comodo perchè si possono unire celle/righe per avere maggior dinamicità negli schemi. Ad esempio potremmo avere una sola riga di titolo ma tenere due celle:
| TITOLO UNICO |
|---|
| CONTENUTO UNO | CONTENUTO DUE |
Oppure potremmo unire due celle su due righe diverse:
| CONTENUTO UNO | CONTENUTO DUE | | CONTENUTO TRE |
Queste due cose si possono fare utilizzando colspan="numero" (per unire due colonne) oppure rowspan="numero" (per unire due righe).
"numero" sta per il numero di colonne/righe che vuoi unire... è importante ricordarsi di eliminare le colonne unite!
Esempio: nella prima fusione, quella del titolo, ho aggiunto "colspan="2" al tag <td> relativo al primo titolo, e ho eliminato il secondo! Da: CODICE <tr>
<th><b>TITOLO UNO</b></th>
<th><b>TITOLO DUE</b></th>
</tr> CODICE <tr>
<th colspan="2"><b>TITOLO UNO</b></th>
</tr>
Sembra più complicato di quanto non sia, se vuoi ti lascio la pagina di w3schools dove si parla di tabelle; è in inglese ma ci sono tanti esempi con cui giocare un po' per prenderci la mano!
Infine, per tornare al tuo codice, potresti utilizzare un tabella con una riga e tre colonne dove:
- la prima colonna (il primo <td>) conterrà il codice html con bordi a destra;
- la seconda colonna avrà l'immagine con il border-radius a tutto tondo;
- la terza colonna avrà il codice html speculare al primo
Spero sia tutto chiaro, non sono particolarmente brava a spiegare concetti che in realtà sono molto chiari nella mia testa ahahah e l'ora non aiuta affatto  per qualsiasi cosa, domanda pure!
Edited by greywaren - 20/9/2020, 11:59 |
|
-
|
.
|
| | Taggo jasoo così legge e ti fa sapere, essendo una sua skin :3 |
|
-
|
.
|
| Ok, eccomi! Se ho capito bene la richiesta e vuoi far sparire di nuovo le scritte "Forum", "Statistiche" e "Ultimo messaggio" puoi provare ad inserire questa parte qui: CODICE #board .title, #board .darkbar, #board .title.top {font-size: 0 !important;} |
|
-
|
.
|
| Ciao! Scusa non avevo notato il messaggio.
Appena sono al pc controllo e ti faccio sapere! |
|
-
|
.
|
| Oddio, sinceramente non saprei proprio come aiutarti ma ho cercato su internet... qui hanno dato alcune soluzioni, magari una può fare al caso tuo?
Qui, invece, dice: CITAZIONE Quando utilizzi Photoshop 19.x su macOS 10.15.2 e selezioni File > Esporta > Salva per Web, viene visualizzato un errore “Errore di Adobe Salva per Web: impossibile completare l’operazione. Si è verificato un errore sconosciuto.”
Soluzione
Esegui l’aggiornamento a Photoshop 21.x |
|
-
|
.
|
| Per gli ultimi post basta che utilizzi il tag [ LAST_TOPICS ] (senza spazi però) 
|
|
-
-
-
|
.
|
| 
@mega
Edited by greywaren - 7/3/2020, 20:41 |
|
-
|
.
|
| 
@mega
*un nuovo episodio caricato ogni settimana*
|
|
-
|
.
|
| 
@mega
Edited by greywaren - 5/6/2019, 11:38 |
|
-
|
.
|
| CITAZIONE il bold prende supremazia
Bold: 
Felice di aver aiutato!  |
|
-
|
.
|
| Allora, è un po' che non pasticcio con i codici ma se la memoria non mi inganna cosa su cui non conterei troppo btw dovresti risolvere per il colore della scritta togliendo e mettendo invece allinterno della classe .div  in questo modo non dovrebbe prendere il colore impostato nella skin per il grassetto.
Per lo spazio dell'immagine invece non ho capito 
edit: anninaaaaaa, mi hai battuta sul tempo v.v mia mamma mi ha distratta mentre scrivevo v.v ahahahah pardon per la doppia risposta! XD |
|
-
-
134 replies since 7/10/2008
.
