Vai al contenuto

Come si creano questi moduli HTML?

Xion

Da Xion
in Web design e sistemisti

Messaggi raccomandati

Xion

Xion

Inviato
Inviato

Ne allego uno simile che vorrei creare per il mio sito, da inserire per gli sconti delle apps, mini descrizione etc. Ma non ho idea di come si creino. Devono poi funzionare in wordpress.com.

Mi date qualche indicazione iniziale per potermeli creare?

Tra l'altro come vengono chiamati? Moduli, template, strutture?

Grazie :fiorellino:

post-892-0-85455000-1332541814_thumb.png

Link al commento
Condividi su altri siti
pix

pix

Inviato
Inviato

se non puoi usare un vero e proprio plugin devi mettere (tramite pannello di WP) a mano il codice html nelle pagine dove vuoi visualizzare quel box che hai postato....non ci sono altre soluzioni.

il codice html puoi copiarlo da qualche altro sito. Ovviamente dovrai recuperare anche il relativo CSS e le eventuali immagini.

An  a tuesday keeps the doctor away.

proud member of < noi finti professionisti > club - tessera 044

Link al commento
Condividi su altri siti
Xion

Xion

Inviato
  • Autore
Inviato

Eh, ma è proprio cercare di capire come posso creare quella struttura HTML velocemente che cercavo. In modo che possa inserire i link solo nei campi e poi copiare tutto il gruppo HTML nel post. Non c'è qualcosa, tipo un programma, che mi permetta di creare la struttura offline, con i relativi campi dove inserire le informazioni, dandomi la possibilità di inserire li i link, e poi cliccando tipo "esegui", mi converte tutto in un codice HTML che poi possa copiare/incollare? Come se fosse un plugin che però non fa il plugin ma un programma offline indipendente.

Io quella tabella di cui sopra non so bene come crearmela, ma non so neanche bene cosa cercare in rete, perché c'è una marea di informazioni e non so cosa esattamente cercare per essere specifico, perché sia come template, che come module, mi vengono fuori una marea di cose. :confused:

Link al commento
Condividi su altri siti
Xion

Xion

Inviato
  • Autore
Inviato

<html>

<head>

<title></title>

<style>

div {

display: block;

}

.entry, .entrytext {

font-family: 'Lucida Grande', Verdana, Arial, sans-serif;

font-size: 13px;

line-height: 18px;

list-style-position: inside;

color: #444;

word-wrap: break-word;

}

* {

padding: 0;

margin: 0;

}

a {

color: black;

display: inline;

font-family: sans-serif;

font-size: 11px;

font-style: normal;

font-variant: normal;

font-weight: normal;

letter-spacing: 0;

line-height: 11px;

opacity: 1;

text-align: left;

text-decoration: none;

text-shadow: none;

text-transform: none;

}

.meta_rece {

width: 544px;

float: left;

}

.meta_rece_image {

float: left;

margin: 15px 5px 5px 5px;

}

.meta_rece_inside {

float: left;

background: white;

-webkit-border-radius: 12px;

-moz-border-radius: 12px;

border-radius: 12px;

border: 1px solid #CCC;

margin: 5px;

padding: 10px;

width: 380px;

}

.meta_rece_voto {

float: left;

width: 185px;

height: 59px;

margin-right: 5px;

border-bottom: 1px solid #CCC;

text-align: center;

}

.meta_rece_prezzo {

float: left;

width: 185px;

min-height: 60px;

background: url(http://www.ipadevice.com/wp-content...s/price_app.png) no-repeat;

margin-left: 5px;

}

.meta_rece_prezzo_tag {

padding-left: 35px;

text-align: center;

line-height: 60px;

font-size: 32px;

color: white;

font-weight: bold;

}

.meta_rece_produttore {

float: left;

margin: 5px 5px 0 0;

width: 185px;

min-height: 60px;

text-align: center;

}

a.meta_rece_itunes_store {

display: block;

width: 185px;

min-height: 60px;

background: url(http://www.ipadevice.com/wp-content...ownload_app.png) no-repeat;

margin:60px 0px 0px 195px;

background-position: 0px 0px 0px 0px;

}

a.meta_rece_itunes_store:hover {

background-position:0px -60px;

}

</style>

</head>

<body>

<div class="entry">

<div class="meta_rece">

<div class="meta_rece_image">

<img src="http://www.ispazio.net/wp-content/plugins/appstore_ispazio/app_cache/icon120_504532420.png" alt="Jelly Lander HD (AppStore Link) " width="120" height="120">

</div>

<div class="meta_rece_inside">

<div class="meta_rece_voto">

<h3>Nome:</h3>

<div class="meta_rece_voto_tag">Jelly Lander HD</div>

</div>

<div class="meta_rece_prezzo">

<div class="meta_rece_prezzo_tag">0,79</div>

</div>

<div class="meta_rece_produttore">

<h3>Categoria:</h3>

<div class="meta_rece_produttore_tag">Giochi</div>

</div>

<div class="meta_rece_link">

<a class="meta_rece_itunes_store" target="_blank" href="http://www.ipadevice.com/wp-content/plugins/appstore_ipadevice/AppStore.php?id=504532420&author=426"></a>

</div>

</div>

</div>

<div class="meta_rece_separator"></div>

</div>

</body>

</html>

Link al commento
Condividi su altri siti
Xion

Xion

Inviato
  • Autore
Inviato

Tanto per dire, la struttura html è quella di cui sopra (simile però perché la foto l'ho un po' modificata a mio piacere). Anche volendo cercare di costruire qualcosa di simile cambiando foto e parametri, ho provato ad inserire il codice in un post wordpress.com, e fatto anteprima per vedere se per lo meno funzionava. E non funziona. Mi fa vedere solo la foto dell'app, ed il prezzo in basso a tutto il codice che appare come testo.

Ma come si chiamano questi moduli in inglese? Avranno un nome preciso?

E nel caso dei plugin che fanno questi moduli, come si chiamano? Che magari ce n'è uno che fa il lavoro offline. boh.

Link al commento
Condividi su altri siti

Archiviato

Questa discussione è archiviata e chiusa a future risposte.

Vai alla lista discussioni
×
×
  • Crea Nuovo...