Adaugare imagine(banner) cu link
Last Updated: Mar 05 2018 18:35, Started by
brebnl
, Mar 04 2018 21:44
·
0

#1
Posted 04 March 2018 - 21:44

Salut, am un prieten care are un site facut in HTML acum vreo 10 ani, si vrea sa-i adaug pe home page sub meniu, o imagine cu un link.
Eu am mai facut pentru mine un site in Wordpress, dar pe un site facut doar in HTML nu am mai facut modificari niciodata. Am ceva notiuni vagi de HTML/CSS, adica stiu ce-i ala un header, footer dar in rest nu prea ma pricep. Am intrat in cPanel/File Manager/public_html dar aici nu mai stiu ce fisier trebuie sa modific ca sa pun imaginea respectiva sub meniu. |
#2
Posted 04 March 2018 - 22:04

Trebuie sa introduci in acel cod ceva de genul asta:
<p> <a href="https://www.site.com"> <img border="0" alt="POZA" src="poza.gif" width="1000" height="100"> </a> </p> si sa ai grija ca acea poza (poza.gif) sa existe in acel folder. Fisierul care trebuie modificat este ceva de genul: index.html sau home.html. Edited by pasilla, 04 March 2018 - 22:08. |
#3
Posted 04 March 2018 - 22:27

In "public_html" nu apare nici un fisier .html decat unul singur(detalii-produs.html) atat. Restul sunt fisiere .php inclusiv index.php.
|
#5
Posted 04 March 2018 - 22:43

Acum depinde si de site daca e static HTML sau PHP cu baze de date, template-uri si alte cele.
index.orice este in mod obisnuit pagina principala a fiecarui site, insa daca in acel fisier.php de il ai acolo sunt interogate alte zeci de alte fisiere diferite cu cod, atunci e posibil sa fie nevoie sa editezi in alta parte. Ce CMS foloseste site-ul? Sau e ceva din "bucataria" proprie a autorului? |
#7
Posted 04 March 2018 - 22:56

#8
Posted 04 March 2018 - 23:31

Descarca index.php, deschide-l intr-un text-editor Notepadd++, Sublime, VS Code etc. si adauga codul acesta sub meniu:
<div> <img src="myImage.jpg" alt="Image"> <a href="www.google.com">Link</a> </div> Obs: src - calea unde ai pus imaginea alt - alternativ text ( o scurta descriere a imaginii ) in cazul in care imaginea nu se incarca apare textul respectiv href - destinatia link-ului unde vrei sa mearga utilizatorul cand da click Dupa ce ai modificat fisierul incarca-l inapoi pe server. De asemenea trebuie sa incarci si imaginea. Daca pui src="image.jpg" atunci imaginea trebuie sa o pui in radacina adica chiar unde se afla index.php daca vrei sa creezi un folder pentru imagini atunci pui src="imagini/imagineaMea.jpg", imaginea o incarci in folderul respectiv. Edited by Bogdan__26, 04 March 2018 - 23:31. |
#9
Posted 05 March 2018 - 00:06

![]() @Bogdan__26 am incercat asa, si im arata ca in imaginea de mai sus. Am incercat sa-l pun in mai multe locuri dar tot asa arata. Linkul merge, dar imaginea nu stiu de ce nu se incarca. Am pus-o in folderul "images" si se numeste "blank.png" <div> <img src="images/blank.png" alt="Image blank"> <a href="www.google.com">Link</a> </div> LE: Nu stiu din ce motiv dar la descrierea imaginii urcate de mine in folderul "images" scrie : text/x-generic in loc de image/x-generic. O sa incerc sa o schimb, nu stiu. LE1: Am pus alta imagine JPG si a mers, doar ca acum imaginea nu apare sub meniu ci se duce undeva mult in afara in dreapta si alaturi apare scris link care ala face trimitere la link. Dar eu vreau atunci cand dau click pe imagine sa se faca redirectionarea fara sa mai apara cuvantul link alaturi. Edited by brebnl, 05 March 2018 - 00:24. |
#11
Posted 05 March 2018 - 00:50

Acum apare imaginea sub meniu, dar tot asa cu cuvantul link alaturi care face redirectionarea, iar daca dau click pe imagine nu se intampla nimic.
Cum pot face ca intreaga imagine sa faca redirectionarea? |
#12
Posted 05 March 2018 - 00:55

Sterge de acolo textul "link"
Pune link cu http:// sau https:// dupa caz <div> <img src="images/blank.png" alt="Image blank"> <a href="http://www.google.com" /a> </div> Vezi si postarea mea #2, daca ai nevoie sa dimensionezi poza. Edited by pasilla, 05 March 2018 - 00:58. |
#13
Posted 05 March 2018 - 01:57

<div> <a href="http://www.google.com"> <img src="/images/blank.png" alt="Image blank"> </a> </div> Edited by Mizu, 05 March 2018 - 01:57. |
#14
Posted 05 March 2018 - 17:15

Mizu, on 05 martie 2018 - 01:57, said: <div> <a href="http://www.google.com"> <img src="/images/blank.png" alt="Image blank"> </a> </div> Introdu codul pus de Mizu, in felul acesta imagine este insasi un link si seteaza la imagine in css display: block; width: 100%; sau poti sa pui stilurile inline: <img src="..." alt="..." style="display: block; width: 100%;"> astfel incat imaginea "sa nu mearga mult in drepata" asa cum ai zis tu. |
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users