Font Bootstrap?

K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Delam si spletno pa me neki jebejo fonti v Bootstrap 3. Naj bi bili "Open Sans", Arial, sans-serif. Bi pričakoval, da ima normalne sičnike in šumnike pa mi kaže ščž "boldano" tudi v normalnem tekstu.

Torej, če recimo eno besedilo napišem v celoti boldano, izgledajo črke enake, če pa neboldano pa izstopajo šumniki.

Kaka ideja?
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Dela, zakon. Fenk ju veri mač
grin1.gif
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Še ena stvar me jebe:

Citat:
<section id="content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-3">
<div class="box">
<div class="box-gray aligncenter">
<h4>Naročite se</h4>
<div class="icon">
<i class="fa fa-phone fa-3x"></i>
<i class="fa fa-envelope-o fa-3x"></i>
</div>
<p>
Naročila sprejemamo po emailu, telefonu ali preko spletne strani.
</p>

</div>
<div class="box-bottom">
<a href=contact.html>Klikni tukaj</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="box">
<div class="box-gray aligncenter">
<h4>Modern Style</h4>
<div class="icon">
<i class="fa fa-pagelines fa-3x"></i>
</div>
<p>
Voluptatem accusantium doloremque laudantium sprea totam rem aperiam.
</p>

</div>
<div class="box-bottom">
<a href="#">Learn more</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="box">
<div class="box-gray aligncenter">
<h4>Customizable</h4>
<div class="icon">
<i class="fa fa-edit fa-3x"></i>
</div>
<p>
Voluptatem accusantium doloremque laudantium sprea totam rem aperiam.
</p>

</div>
<div class="box-bottom">
<a href="#">Learn more</a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="box">
<div class="box-gray aligncenter">
<h4>Valid HTML5</h4>
<div class="icon">
<i class="fa fa-code fa-3x"></i>
</div>
<p>
Voluptatem accusantium doloremque laudantium sprea totam rem aperiam.
</p>

</div>
<div class="box-bottom">
<a href="#">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Klikni za razširitev

Tu so 4 kvadratki. Jaz pa bi imel 3. Če enega pobrišem, mi jih pomakne na levo, torej niso centrirani. Zdaj kolikor sem bral, mora biti vsota vseh 12 ali manj, če ne se avtomatsko stackajo eden na drugega. Karkoli naredim, mi ne uspe naredit treh kvadratkov, ki bi bili enakomerno razporejeni. Torej tudi če lg-3 spremenim v lg-4. je pa jebeno googlat za tem...
 
dune

dune

Fizikalc
26. maj 2014
1.432
39
48
En div "col-lg-3" vržeš ven, ostale tri pa preimenuješ v "col-lg-4"

Koda: 
<section id="content">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="box">
                            <div class="box-gray aligncenter">
                                
                              <h4>Naročite se</h4>

                                <div class="icon">
                                     <i class="fa fa-phone fa-3x"></i>

                                     <i class="fa fa-envelope-o fa-3x"></i>

                                </div>
                                <p>Naročila sprejemamo po emailu, telefonu ali preko spletne strani.</p>
                            </div>
                            <div class="box-bottom">
                                 <a href=contact.html>Klikni tukaj</a>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="box">
                            <div class="box-gray aligncenter">
                                
                                <h4>Modern Style</h4>

                                <div class="icon">
                                    <i class="fa fa-pagelines fa-3x"></i>

                                </div>
                                <p>Voluptatem accusantium doloremque laudantium sprea totam rem aperiam.</p>
                            </div>
                            <div class="box-bottom">
                                 <a href="#">Learn more</a>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="box">
                            <div class="box-gray aligncenter">
                                
                                 <h4>Customizable</h4>

                                <div class="icon">
                                     <i class="fa fa-edit fa-3x"></i>

                                </div>
                                <p>Voluptatem accusantium doloremque laudantium sprea totam rem aperiam.</p>
                            </div>
                            <div class="box-bottom">
                                  <a href="#">Learn more</a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Saj to sem naredil, pa mi potem jih vrže enega nad drugega, ne več vzporedno. Pa ni zarad premalega monitorja, ker delam na 27".
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Koda: 
 <div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="row">
					<div class="col-lg-4”>
						<div class="box">
							<div class="box-gray aligncenter">
								<h4>Naročite se</h4>
								<div class="icon">
								<i class="fa fa-phone fa-3x"></i>
								<i class="fa fa-envelope-o fa-3x"></i>
								</div>
								<p>
								 Naročila sprejemamo po emailu, telefonu ali preko spletne strani.
								</p>
									
							</div>
							<div class="box-bottom">
								<a href=contact.html>Klikni tukaj</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4”>
						<div class="box">
							<div class="box-gray aligncenter">
								<h4>Modern Style</h4>
								<div class="icon">
								<i class="fa fa-pagelines fa-3x"></i>
								</div>
								<p>
								 Voluptatem accusantium doloremque laudantium sprea totam rem aperiam.
								</p>
									
							</div>
							<div class="box-bottom">
								<a href="#">Learn more</a>
							</div>
						</div>
					</div>
					<div class="col-lg-4”>
						<div class="box">
							<div class="box-gray aligncenter">
								<h4>Valid HTML5</h4>
								<div class="icon">
								<i class="fa fa-code fa-3x"></i>
								</div>
								<p>
								 Voluptatem accusantium doloremque laudantium sprea totam rem aperiam.
								</p>
									
							</div>
							<div class="box-bottom">
								<a href="#">Learn more</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>

Evo, če naredim to, dobim to:


V prej prilepljeni kodi dobim pa to:


Dimenzije me za enkrat ne motijo, bom že dosegel, da bodo vse tri enake, ko bom imel končni tekst.
 
dune

dune

Fizikalc
26. maj 2014
1.432
39
48
Moralo bi delati. Poskusi col-lg-* zamenjati z col-md-*. Lg pravila veljajo za širino okna nad 1140px. Drugače pa bi moral videti konkretno stran z inspektorjem.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Tud če dam na md ali sm ne dela, naredi stolpec namesto kolone. Bojo očitno morale bit 4, ali pa če bom dal čisto na koncu komu, ki se s tem ukvarja da sfinišira.
 
S

Schumi

Fizikalc
2. avg 2007
4.129
12
38
Cist eno vprasanje, nevmesno, zakaj pa ne naredis tega v nekem free editorju? Kjer delas graficno in se ne ukvarjas s kodo? Ala weebly, wix itd...
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Citat:
Uporabnik Schumi pravi:
Cist eno vprasanje, nevmesno, zakaj pa ne naredis tega v nekem free editorju? Kjer delas graficno in se ne ukvarjas s kodo? Ala weebly, wix itd...
Klikni za razširitev

Ker imaš hosting vezan na njihove strani, pa večina ni responsive designov. In to je za google zdaj eden večjih faktorjev pri odločanju rankingov na iskanju, ker je vedno več google searchov iz mobilnikov, mislim, da že okrog 60%.

Pa ne da se tolk stvari spremenit, vsaj ne pri weebly/squarespace itd. So sicer lepe strani, ampak neuporabne za naše posle, ker morajo biti tudi informativne.
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Ma tako je, težko bom našel koga, ki bo naredil v par urah, ker si sproti premišljam kaj mi dobro zgleda in kaj ne. Tako da mam namen v grobem pripravit, pa potem dat nekomu, ki obvlada, da samo sfinišira. Ker so za to namenjena sredstva zelo omejena
smile-1.gif
 
tomi

tomi

Guru
1. sep 2007
18.609
9.818
113
40
MB
to da dobro zgleda še ni zagotovilo, da bo dobro, že iz tega razloga bi mogoče outsourcal, pa preprosto na list papirja narisal mockup
smile-1.gif
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Ma imam eno knjigo, ki se posebej ukvarja s SEO za web strani za zobozdravnike. In ravno zato, bi tudi rad sam, da jo na to optimiziram.

Saj načeloma vsi svetujejo - daj designat, potem pa sam delaj SEO, samo res nimam zdaj na voljo 500-1000, da dam komu to delat. Razen, če bi dobil za kompenzacijo.

Pa še cajta mam dost trenutno, do novega leta recimo.
 
tomi

tomi

Guru
1. sep 2007
18.609
9.818
113
40
MB
waat ?
smile-1.gif


vglavnem pardon da ti smetim, ne bom več.

pač sam sem bil podoben, ful veselje kak bom nekaj nardil, začel, zakačil nekje na sredi, iskal rešitve, naredil do konca, pa vseeno to ni blo to
redface-1.gif


zdaj pa outsourcam
grin1.gif
 
K

KillaKHAN

Guru
27. avg 2008
17.805
1.121
113
Online marketing za zobozdravnike 101
smile-1.gif


Rabiš veliko strani, ker je online marketing na svoji strani zastonj. In ker imamo en kup storitev, ki jih zanima samo peščica ljudi, je treba tudi za tiste storitve strani naredit, pa čeprav jih bo samo 10 na leto pogledalo.

Dam primer - praktično vsak rabi plombo, malo manj folka rabi implantate, skoraj nihče ne rabi popolne preobrazbe nasmeha/estetske kirurgije/itd.
 
A

alfabet

Fizikalc
17. jan 2014
1.122
4
38
Zakaj pa ne vržeš gor Wordpressa, kupiš en responsive template (40-50€), ga po potrebi kaj predelaš (fonti, barve, ...) dodaš plugine in widgete, ki jih rabiš, ... plus imaš tudi solidne SEO plugine (npr. Yoast SEO). Vse skupaj za par popoldnevov dela in če kaj ne zaserješ vmes, dela vse out-of-the-box.
 
Za odgovor se prijavite ali registrirajte.
Na vrhu Bottom