Signup Now
Da bi mogli da pišete na forumu, otvarate nove teme, kao i da vidite download
linkove morate prvo da se registrujete.

Ukoliko Vam nije jasan proces registracije, molimo vas da kliknete OVDE
Ako ste zaboravili lozinku, kliknite OVDE :)

Kako imenovati css fajl kako mi kod radio?

Diskusija u 'Web Design' započeta od DusanMadic, 06.03.2017.

  1. DusanMadic

    DusanMadic Član

    Postova:
    163
    Zahvala:
    15
    Lokacija:
    Pirot
    Drugari naso sam kod koji moze biti koristan na moj sajt. Imam 3 stvari da kopiram kako bi radio jedan je 1)HTML 2)CSS 3)Java Script . Ne znam kako treba da imenujem CSS fajl i Java Script kako bi radio cod. Kod koji hocu je ovaj https://www.w3schools.com/howto/howto_css_modals.asp


    HVALA!!!
     
  2. kobayashi

    kobayashi Član

    Postova:
    177
    Zahvala:
    57
    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.
     
  3. Bazduljica

    Bazduljica Član

    Postova:
    67
    Zahvala:
    61
    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.
     
  4. kobayashi

    kobayashi Član

    Postova:
    177
    Zahvala:
    57
    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.
     
  5. DusanMadic

    DusanMadic Član

    Postova:
    163
    Zahvala:
    15
    Lokacija:
    Pirot
    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
     
  6. DusanMadic

    DusanMadic Član

    Postova:
    163
    Zahvala:
    15
    Lokacija:
    Pirot
    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
     
  7. kobayashi

    kobayashi Član

    Postova:
    177
    Zahvala:
    57
    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
     
  8. Bazduljica

    Bazduljica Član

    Postova:
    67
    Zahvala:
    61
    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>
     

Preporučite stranicu