Šta je novo?
SerbianForum

This is a sample guest message. Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

  • Hvala svima na 1 900 000+ postova & 500 000+ tema!

Kako imenovati css fajl kako mi kod radio?

  • Začetnik teme DusanMadic
  • Datum pokretanja
K

kobayashi

Član
#2
Nazoveš kako hoćeš, samo te nazive sa korektnom relativnom putanjom staviš unutar link elemenata u hederu.

Ili, strpaš sve u HTML dokument (nije baš preporučljivo, ali je u redu kad se uči pošto je sve tu u jednom dokumentu) kao style i script elemente.
 
Bazduljica

Bazduljica

Član
#3
Obožavam "stručnjake" koji odgovore pronalaze na internetu a onda "objašnjavaju" po sistemu "copy&paste".

Matereti, druže kobayashi, da li si mogao ovaj deo rečenice da objasniš čoveku NORMALNO i po mogućnosti na srpskom jeziku? Citat: "... nazive sa korektnom relativnom putanjom staviš unutar link elemenata u hederu." Jebalo te objašnjenje. Ako ne znaš da objasniš, nemoj dodatno sluđivati čoveka.

Dušane, javi mi se na PP da ti sve natenane objasnim ili uradim. Ovde samo gubiš vreme.
 
K

kobayashi

Član
#4
Misliš da ne znam baš toliko HTML pa sam morao da tražim negde na internetu odgovor?
Zato smo kao narod tu gde i jesmo, jer znamo o nekome SVE iako ga ne poznajemo niti znamo koliko zna i zašto je nešto napisao kako je napisao!


Čovek ako ne zna šta je Link ELEMENT (dakle, element, a ne link kao href atribut), onda bolje da ništa i ne radi sam! Takođe, ako ne zna šta je apsolutna, a šta relativna putanja, opet je bolje da ne radi sam, nego ili da pita ili sam da potraži na internetu - jer tako se UČI.
Napravio sam lapsus pri brzom kucanju, hteo sam reći u head-u, ne hederu, ali i to je lako ispraviti ako se autor pitanja zainteresuje za objašnjenje odgovora.


A ko hoće nekome da crtka slovo po slovo kako da uradi određenu stvar (što je suprotno pravilima ovog foruma), a taj ko je postavio pitanje npr. ne zna ni šta je HTML, slobodno neka izvoli.
'Ajde da se čovek požalio da mu nije jasno šta sam rekao, nego se pre njega javlja stručnjak koji smatra da može bolje.

Znam ja da može mnogo bolje, detaljnije i jasnije, mogao sam da mu stavim i kod, ali je pitanje da li je preporučljivo da neko ko je apsolutni početnik bilo šta čačka u HTML kodu, ako namerava da to odmah postavi na sajt.

Zato uvek, ako nije dat primer koda uz pitanje, dajem tehnički zahtevnije i apsolutnim početnicima manje jasne odgovore, pa kome nije jasno, bolje da ne radi sam, nego da potraži nekoga ko se u to razume da mu to uradi.
 
D

DusanMadic

Član
#5
Okej drugari, molim vas bez svadje cilj mi je da zavrsimo ono sto sam poceo a ne da se prepucavamo.
Resio sam ubacujem ceo html kod (znam da je predugacak ali ne znam da ga stavim u css pa ga ,,pozovem,, u index stranici da radi ),ali opet nastaje problem sa izgledom tj dugmetom za pokretanje ovde je klasicno ovakvo a ja bi da bude u skladu sa mojim dizajnom ovako
u html-u kada zelim da dobijem dugme ono sto mi treba ide kod ovaj
</div>
<ul class="banners wrapper">
<li><a href="#">Ime dugmeta</b></a></li>
Ovo iznad kucam kada zelim da dobijem samo button odnosno dugme bez radnje a radnju koju zelim na tom dugmetu je ova ispod (ali sa starim dugmetom koje hocu da prepravim novim)
<html>
<head>
<style>
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}

/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
</style>
</head>
<body>

<h2>Modal Example</h2>

<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button>

<!-- The Modal -->
<div id="myModal" class="modal">

<!-- Modal content -->
<div class="modal-content">
<span class="close">&times;</span>
<p>Some text in the Modal..</p>
</div>

</div>

<script>
// Get the modal
var modal = document.getElementById('myModal');

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>

</body>
</html>

DA LI MOZE NEKO DA MI POMOGNE DA OVO SPOJIM DA OVA RADNJA SE DESAVA ALI SA MOJIM BUTTON DUGMETOM A NE SA OVIM STO SU MI POSTAVILI. HVALA
 
D

DusanMadic

Član
#6
Posto nisam uspeo da resim a vec mi treba evo ko hoce da mi odradi to a ja da platim moze da me nazove 061 60 30 339
 
K

kobayashi

Član
#7
Hmm...
HTML:
</div>
<ul class="banners wrapper">
<li><a href="#">Ime dugmeta</b></a></li>
Prvo, imaš završni DIV tag, pretpostavljam da nije bažno šta je u njemu.

Zatim, otvorena lista, a nije zatvorena (koliko ima LI elemenata), takođe iza "Ime dugmeta" je završni "b" tag, koji nigde nije otvoren (pretpostavljam da samo tekst treba da bude bold).


I jeste bolje da ti odradi neko ko ima vremena, jer ćeš zbog ovakvih grešaka imati poprilično problema sa JavaScript-om koji je vrlo osetljiv na takve greške koje prave problem sa DOM-om (document object model). CSS je donekle tolerantan, ali JS ne prašta ništa.



Primer koji si dao traži Bootstrap, koji se pretpostavljam i koristi za ceo sajt.
Međutim, umesto čisto JavaScript-a, sada se koristi jQuery koji poprilično olakšava neke stvari (npr. ne treba ti getElementById i sl.).


Ovo će ti svakako uraditi brže neko ko se bude javio, a ako hoćeš da učiš, pošto si već dao primer sa W3Schools, imaš tamo i primere za Bootstrap modal:
https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_modal2&stacked=h
https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal
 
Bazduljica

Bazduljica

Član
#8
... nastaje problem sa izgledom tj dugmetom za pokretanje ovde je klasicno ovakvo a ja bi da bude u skladu sa mojim dizajnom
Ako je izgled dugmeta glavni problem, s obzirom da sve ostalo funkcioniše, onda pronađi unutar koda sledeće:
<button id="myBtn">Open Modal</button>

I samo zameni tekst Open Modal sa putanjom do tvog dugmeta, kao na primer:

<button id="myBtn"><img src="http://socialmediawoman.com/wp-cont...orb-icon-social-media-logos-facebook-logo.png"></button>
 

Top