Font Bootstrap?

K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Predvsem zato, ker je treba najprej kupit, pa pol vidiš, a si zadovoljen ali ne. Saj v bistvu tole sem že kar naredil to tam, kjer želim imet, ampak par stvari je treba še sfiniširat.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Ni to. Verjetno je nekaj not v enem cssju, ki to definira, pa ne najdem - to je jeba pri teh templatih, ker imajo en kup nekega balasta zraven, ki ga stran sama ne rabi.

Ker recimo style.css ima od boxov samo to:
Koda: 
/* --- box --- */

.box {
	width: 100%;
}
.box-gray  {
	background: #e3f5fb;
	padding: 20px 20px 30px;
}
.box-gray  h4,.box-gray  i {
	margin-bottom: 20px;
}
.box-bottom {
	padding: 20px 0;
	background-color: #555 !important;
	text-align: center;
}
.box-bottom a {
	color: #fff;
	font-weight: 700;
}
.box-bottom a:hover {
	color: #eee;
	text-decoration: none;
}

oz. kar se tiče teh box-gray.
 
N

nowinc

Pripravnik
31. maj 2008
328
1
18
Oprosti, čisto narobe sem razumel, kaj te muči - pozabi, kar sem zgoraj pisal.

Popravi ” v " pri kodi (<div class="col-lg-4”>). Mislim, da je v tem težava.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Citat:
Uporabnik nowinc pravi:
Oprosti, čisto narobe sem razumel, kaj te muči - pozabi, kar sem zgoraj pisal.

Popravi ” v " pri kodi (<div class="col-lg-4”>). Mislim, da je v tem težava.
Klikni za razširitev

wtf?
smile-1.gif


zdaj sem spremenil iz <div class="col-lg-3"> v <div class=col-lg-4> in deluje.
smile-1.gif
krneki je ta html, čeprav je ena naenostavnejših oblik programiranja.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Sem ugotovil, da imam ful probleme s temi navednicami " ".

Recimo template je narejen tako, da gre en link na <a href="test.html">Test</a>

Potem pa jaz spremenim test.html v random.html. In mi namesto linka na /random.html vrže link na /"random.html"
hysterical-1.gif


In moram potem navednice pobrisat, potem pa deluje... cel WTF
smile-1.gif
 
Bossek

Bossek

Pripravnik
24. sep 2007
668
7
18
bostjan.muha.cc
pa samo za info....ni ti treba toliko nestat

To je nepotrebno: container -> row -> col-xs-12 -> row -> 3 * col-lg-4
Lahko spremeniš v: container -> row -> 3 * col-lg-4
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Ma ne bom spreminjal, ker je to v templatu in mi dela več dela kot pa če pustim
smile-1.gif


Sem pa ugotovil, da ga ful fukajo tele " ". Vse kar me je zadnje dni jebalo, sem danes naredil brez " " in mi deluje, prej pa ni.

Recimo <span> nisem znal barve spremenit, nisem našel nikjer v CSSju. In sem uporabil <span style="color:red"> (ali pa #ff1111 namesto rdeče) in ni delalo. Danes dam <span style=color:red> in dela... a ne bi moralo to delat z " "?
 
dune

dune

Fizikalc
26. maj 2014
1.432
39
48
Dela. Samo napačne narekovaje si imel. Veljavna sta dvojni " in enojni ' . Ti si imel pa noter ½ (dvojni narekovaj zamaknjen nazaj). Ta pa ni veljaven, zato class attribut ni bil zaključen.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Peezda prav imaš. Sem zumiral zdaj not. Zdaj mi pa ni jasno kaj naj naredim na macu, da mi bo delalo navadne narekovaje...

Ker ko tipkam tu not mi dela ravne " " ' '. Ko tipkam v TextEdit mi da zamaknjene nazaj. Pri navadni velikosti zgledajo ravni, ko zoomiraš vidiš, da so nagnjeni...
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
V bistvu mi jih autocorrecta textedit iz " v “... wtf

Edit: evo sem pogruntal. Odpiralo mi je v rich text formatu. Sem spremenil v plain text in mi zdaj dela navadne " "
 
dune

dune

Fizikalc
26. maj 2014
1.432
39
48
Instaliraj si sublime text 3, ali pa atom. Tudi VisualStudio Code od MS mislim, da sedaj dela tudi na macu. Tega še nisem probal.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Ma saj mislim, da sem končal
smile-1.gif


Vsaj naslovnico, pri ostalih header in footer ostaneta enaka, pa tudi design bo bistveno bolj enostaven kot na prvi strani, bolj kot ne samo slike, tekst in linki, morda kak video.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Ok, nove težave
grin1.gif


Zdaj sem zadevo zrihtal, da dobro zgleda v safariju in chromu. Firefox dela par manjših težav grafično, internet explorer še nisem stestiral.

Zdaj imam pa težavo pri ogledu na mobilniku...

Glavna težava je v headerju in dropdown meniju.

Navbar v headerju mi na mobilniku pokaže samo kolkr je monitor visok in se ga ne da scrollat. Itak se pri resizanju naredi tista ikonca, da lahko klikneš in ti pokaže navbar objekte, ampak samo prvih 5... Potem pa imam znotraj tega navbara še en dropdown menu, ki nima podenot - torej klikneš na navbar in odpre dropdown menu, ki ima napisanih 11 stvari. Spet se ne da scrollat.

Našel sem "kao" fix na netu:
.scrollable-menu {
height: auto;
max-height: 180px;
overflow-x: hidden;
}

Ampak to mi potem tudi na desktopu omeji tale meni na 180px, jaz pa nočem, da je treba na velikem monitorju karkoli scrollat.

Poleg tega je to fix samo za dropdown menu, ne za navbar.

Nekako tako kot je v tem examplu:
http://output.jsbin.com/dovil/1

Če zožaš browser okno se naredi ikonca za odpret navbar iteme, potem pa ne pokaže vseh, pa tudi scrollable ni.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
e rešitev je bila bistveno bolj enostavna, kot sem jo kjerkoli na netu našel:
Koda: 
 	.navbar-collapse.collapse  {
		border: none;
		overflow: show;
	}

tule sem pri owerflow spremenil iz hidden v show in zdaj deluje.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Glede prikaza samega, tistega dela, ki me jebe v Firefoxu in v safariju na iPhonu je pa tako:
2345253-ScreenShot2015-12-06at12.44.52.png
 

Priponke

  • 2345253-ScreenShot2015-12-06at12.44.52.png
    2345253-ScreenShot2015-12-06at12.44.52.png
    11,6 KB · Ogledi: 213
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
V Safariju/Chromeu na osx pa kaže tako:
Koda: 
<!-- start header -->
	<header>
        <div class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <br><a class="navbar-brand" href="index.html"><span style="color:#79cdeb">M</span>ikrozobozdravstvo <img src="img/slides/logo-mini.jpg" alt="" /><h4><a><span style="color:#79cdeb"><i class="fa fa-phone fa-1x"></i>070 505 500</span></a></h4></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html"><span style=color:#79cdeb>Domov</span></a></li>
			 <li><a href="o-nas.html">O Nas</a></li>
  <li class="dropdown">
                            <a href="#" class="dropdown-toggle " data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">Storitve <b class=" icon-angle-down"></b></a>
                            <ul class="dropdown-menu">
				<li><a href="seznam.html" style="background-color:#e3f5fb">Seznam vseh storitev<br> </a></li>	
                                <li><a href="mikroskop.html" style="background-color:#e3f5fb">Pregled z zobozdravniškim mikroskopom</a></li>
                                <li><a href="bele-zalivke.html" style="background-color:#e3f5fb">Bele zalivke/Zamenjava amalgamskih</a></li>
				<li><a href="parodontoza.html" style="background-color:#e3f5fb">Parodontalno zdravljenje</a></li>
				<li><a href="zobni-kamen.html" style="background-color:#e3f5fb">Odstranjevanje zobnega kamna</a></li>
				<li><a href="endodontija-granulom.html" style="background-color:#e3f5fb">Endodontsko zdravljenje zob/granulomov</a></li>
				<li><a href="implantati.html" style="background-color:#e3f5fb">Zobni vsadki/Implantati</a></li>
				<li><a href="prevleke.html" style="background-color:#e3f5fb">Mostički/Prevleke</a></li>
				<li><a href="luske.html" style="background-color:#e3f5fb">Porcelanske Luske/Estetsko zobozdravstvo</a></li>
				<li><a href="kirurgija.html" style="background-color:#e3f5fb">Kirurgija/Puljenje zob</a></li>
				<li><a href="beljenje.html" style="background-color:#e3f5fb">Beljenje zob</a></li>
				<li><a href="proteze.html" style="background-color:#e3f5fb">Proteze</a></li>
                            </ul>
                        </li>        
                        <li><a href="cenik.html">Cenik</a></li> 
			 <li><a href="kontakt.html">Kontakt</a></li>
                        <li><a href="kje.html">Kje smo?</a></li>
			<li>              </li>               
			<li><a href="index-en.html">EN</a></li>
			<li><a href="index-de.html">DE</a></li>
                    </ul>
                </div>
            </div>
        </div>
	</header>
	<!-- end header -->
2345255-ScreenShot2015-12-06at12.44.58.png
 

Priponke

  • 2345255-ScreenShot2015-12-06at12.44.58.png
    2345255-ScreenShot2015-12-06at12.44.58.png
    11 KB · Ogledi: 204
Nazadnje urejeno:
P

philips

Guru
Osebje foruma
Administrator
17. avg 2007
9.857
686
113
Iz slike ne moremo vedeti kaj točno je narobe. Daj gor neko kodo ali pa daj minimal working example na JSbin.
 
Za odgovor se prijavite ali registrirajte.
Na vrhu Bottom