Ga Terug  
     


Notities

Templates (2.5) Het forum voor Joomla! Templates

Antwoord
 
Onderwerpopties Weergavemodus
Oud 14 oktober 2014, 11:07   #1
yoeri
 
Geregistreerd op: 31 juli 2011
Berichten: 72
Bedankjes gegeven: 2
Bedankjes ontvangen: 0
Standaard beeldvullende achtergrond

enig idee hoe ik bij een template , gemaakt in artisteer, de achtergrond beeldvullend kan krijgen afhankelijk van de schermgrootte?

ik had op het net al iets gevonden wat in joomla in extra css moest worden geplakt, dat werkt blijkbaar niet echt.


ook blijkt het comic sans ms lettertype niet op alle pc's te worden weergegeven.

meeste problemen stellen zich op een linux en android.
yoeri is offline   Met citaat antwoorden
Oud 14 oktober 2014, 12:43   #2
Lianne
 
Lianne's Avatar
 
Geregistreerd op: 23 augustus 2010
Locatie: Arnhem
Leeftijd: 54
Berichten: 1.041
Bedankjes gegeven: 37
Bedankjes ontvangen: 247
Standaard Re: beeldvullende achtergrond

Beste Youri,

Je weet dat er heel volksstammen gruwen van Comic Sans, en niet zo'n beetje ook? Dit terzijde, als je wilt dat iedereen ziet dat Comic Sans is gebruikt, dan zul je het moeten insluiten, want niet iedereen heeft Comic Sans geinstalleerd. Het is niet opgenomen in de gratis Google Fonts bibliotheek, en ik kon het even zo gauw niet een gratis webfont-bestand vinden. Hier moet je op verder zoeken. Misschien: http://www.fonts.com/font/microsoft-...buying-options

Beeldvullende achtergrond, die goed schaalt naar de afmetingen van ieder scherm: hiervoor kun je css gebruiken.

Code:
html {    
background: url(pad-naar-je-plaatje) no-repeat center center fixed;    
-webkit-background-size: cover;   
-moz-background-size: cover;   
-o-background-size: cover;   
background-size: cover; }
Succes!

groet,
Lianne

Laatst aangepast door Lianne : 14 oktober 2014 om 12:44.

Met de Firefox-addon Firebug kun je gemakkelijk achterhalen hoe je het uiterlijk van je website verandert. Nieuwsgierig? Volg dan eerst even deze instructie over Firebug die elders op deze site is gepubliceerd.

Mooi & Functioneel | Webdesign & Media, voor betaalbare websites die ogen en werken
Lianne is offline   Met citaat antwoorden
De volgende 2 leden bedanken Lianne voor dit nuttige bericht:
Henkkey (14 oktober 2014), yoeri (24 oktober 2014)
Oud 24 oktober 2014, 18:28   #3
yoeri
 
Geregistreerd op: 31 juli 2011
Berichten: 72
Bedankjes gegeven: 2
Bedankjes ontvangen: 0
Standaard Re: beeldvullende achtergrond

hey lianne

bedankt voor het antwoord.
de groep vond het lettertype het beste passen, beslis ik dus niet alleen over
vind het zelf ook wel wat hebben.

ga je tip voor de achtergrond morgen eens proberen
valt me wel op dat het in linux de meeste problemen geeft.

en verschilt tussen de 2 webadressen die naar dezelfde joomla gaan.

eigenlijk spijtig dat artisteer webfonts opneemt die niet standaard overal geinstalleerd staan.
yoeri is offline   Met citaat antwoorden
Oud 28 oktober 2014, 06:07   #4
hvdmeer
Moderatorteam
Gebruikersgroep Arnhem & Nijmegen
 
hvdmeer's Avatar
 
Geregistreerd op: 21 februari 2009
Locatie: Arnhem
Berichten: 3.161
Bedankjes gegeven: 108
Bedankjes ontvangen: 432
Standaard Re: beeldvullende achtergrond

Doel je met webfonts ook op Comic Sans? Dat is een lettertype "van" Microsoft (http://nl.wikipedia.org/wiki/Comic_Sans). Dus op andere systemen als bv. Linux zal deze niet standaard voorkomen. Ik kan me dan ook goed voorstellen dat daar de meeste problemen bij voorkomen.

Overigens, ik behoor tot de volksstammen (zoals Lianne dat mooi omschrijft) die gruwt van Comic Sans. Ik sluit eerder de website dan dat ik deze ga lezen.

J! doc-vertaler, J! patch tester, JUG-organisator, moderator
Eigen site: http://www.hierbenikthuis.nl en van mijn loopgroep: http://www.loopgroep-arnhemia.nl
Beetje over mij: http://hierbenikthuis.nl/prive/over-mij
Reageert op DM alleen op zaken die niet op het forum geplaatst kunnen worden.
hvdmeer is offline Stuur een bericht via Skype™ naar hvdmeer   Met citaat antwoorden
Oud 30 oktober 2014, 14:23   #5
Perry
 
Geregistreerd op: 30 oktober 2014
Locatie: Zwolle
Leeftijd: 40
Berichten: 3
Bedankjes gegeven: 0
Bedankjes ontvangen: 2
Standaard Re: beeldvullende achtergrond

Citaat:
Origineel geplaatst door yoeri Bekijk Bericht
enig idee hoe ik bij een template , gemaakt in artisteer, de achtergrond beeldvullend kan krijgen afhankelijk van de schermgrootte?

ik had op het net al iets gevonden wat in joomla in extra css moest worden geplakt, dat werkt blijkbaar niet echt.


ook blijkt het comic sans ms lettertype niet op alle pc's te worden weergegeven.

meeste problemen stellen zich op een linux en android.
Dag yoeri,

Je moet de achtergrond image een 100% width meegeven dan groeit die met ieder formaat mee.

Groeten,

Joomla is mijn favoriete cms!
Perry is offline   Met citaat antwoorden
Oud 29 november 2014, 11:21   #6
yoeri
 
Geregistreerd op: 31 juli 2011
Berichten: 72
Bedankjes gegeven: 2
Bedankjes ontvangen: 0
Standaard Re: beeldvullende achtergrond

iemand een degelijke uitleg hoe de @font-face nest werkt?
ik heb al van meerdere sites de "degeijke" uitleg getest, ze zouden allemaal beter degelijk uitleggen WAAr in de site die handel dient te komen.

verder alle plaatsen in de css waar lettertypes in gezet worden al aangevuld.
als ik de css file kopier die de site er zelf bij levert werkt het .... niet.
een deel van de lettertype naam ( achter de eerste_) is niet in de kleur die volgens meerdere sites zou moeten hebben , maar gewoon zwart.

maak ik die naam korter en pas ik de rest aan word die naam ook niet de goede kleur.
als ik er "" voor en achter zet word die wel groen, dan werkt het echter ook niet.

ook de typeaanduiding
"src: url('font/1942webfont.eot');
url('font/1942webfont.eot?#iefix'),
url('font/1942webfont.woff'),
url('font/1942webfont.ttf'),
url('font/1942webfont.svg');"

svg en dergelijke dus kleurt rood, wat volgens mioj niet de goede kleur gaat zijn??

iemand die een degelijke handleiding heeft?
anders ga ik een deel voorwerpen om mee tes smijten naast de pc moeten zetten

de achtergrond die was gelukkig wel van de 2de maal weg, de eerste maal was een vergetelheid mijnentwege....

Laatst aangepast door yoeri : 29 november 2014 om 11:22.
yoeri is offline   Met citaat antwoorden
Oud 1 december 2014, 10:41   #7
Basman
 
Basman's Avatar
 
Geregistreerd op: 22 april 2009
Leeftijd: 41
Berichten: 39
Bedankjes gegeven: 4
Bedankjes ontvangen: 6
Standaard Re: beeldvullende achtergrond

Citaat:
Origineel geplaatst door yoeri Bekijk Bericht
iemand een degelijke uitleg hoe de @font-face nest werkt?
Voorbeeld:

In je css moet je altijd verwijzen naar het font dat je gebruikt. Dat hoef je maar een keer te doen in je css:

Code:
@font-face {
    font-family: MijnFont;
    src: url(/fonts/mijnfont.woff);
}
Het pad (/fonts/mijnfont.woff) naar jouw font moet natuurlijk wel kloppen en de fonts moeten ook daadwerkelijk geüpload zijn.


Citaat:
Origineel geplaatst door yoeri Bekijk Bericht
verder alle plaatsen in de css waar lettertypes in gezet worden al aangevuld.
Gebruik je het voor alle 'gewone' teksten of alleen kopteksten? Of alles?

Als je het voor alles gebruikt, hoef je eigenlijk maar een keer in de css te melden:
Code:
body {font-family: 'MijnFont', sans-serif;}
In principe zal dan de hele site dat font gebruiken.


Citaat:
Origineel geplaatst door yoeri Bekijk Bericht
maak ik die naam korter en pas ik de rest aan word die naam ook niet de goede kleur.
als ik er "" voor en achter zet word die wel groen, dan werkt het echter ook niet.

svg en dergelijke dus kleurt rood, wat volgens mioj niet de goede kleur gaat zijn??

.
Wat bedoel je met die kleuren? Op je website of in het programma waarin je de code schrijft?
Basman is offline   Met citaat antwoorden
Oud 1 december 2014, 17:05   #8
yoeri
 
Geregistreerd op: 31 juli 2011
Berichten: 72
Bedankjes gegeven: 2
Bedankjes ontvangen: 0
Standaard Re: beeldvullende achtergrond

rood in het programma waar ik de code maak, de soft van one.com zelf.

heb het copy paste gedaan zoals je vermeld.
heb verder bij alle fontvermeldingen het font toegevoegd , zoals de meeste sites vermelden.

helaas werkt het niet
zal die "voor alles" code straks eens proberen.
yoeri is offline   Met citaat antwoorden
Oud 1 december 2014, 19:40   #9
Basman
 
Basman's Avatar
 
Geregistreerd op: 22 april 2009
Leeftijd: 41
Berichten: 39
Bedankjes gegeven: 4
Bedankjes ontvangen: 6
Standaard Re: beeldvullende achtergrond

Voor de goede orde: je hebt het font ook echt in al die formaten (.eot, .svg, etc)?

Heb je wellicht een link, zodat we kunnen meekijken?

Nog iets anders: is het écht belangrijk om een apart font te kiezen? Er is ook genoeg keuze bij Google Webfonts. . De verwerking is tien keer handiger dan @Fontface en bovendien weet je dan zeker dat het altijd werkt.
Basman is offline   Met citaat antwoorden
Oud 6 december 2014, 09:12   #10
yoeri
 
Geregistreerd op: 31 juli 2011
Berichten: 72
Bedankjes gegeven: 2
Bedankjes ontvangen: 0
Standaard Re: beeldvullende achtergrond

2014 om 20:45 ----------[/SIZE]

[/COLOR]
Citaat:
Origineel geplaatst door Basman Bekijk Bericht
V
Nog iets anders: is het écht belangrijk om een apart font te kiezen? Er is ook genoeg keuze bij Google Webfonts. . De verwerking is tien keer handiger dan @Fontface en bovendien weet je dan zeker dat het altijd werkt.

ik was even in de webfonts aan het zien en daar zit toch wel eentje tussen die ook wel zou passen.

heb je misschien een site waar dat integreren van die google fonts goed word uitgelegd?

---------- Bericht toegevoegd op 6 december 2014 om 10:12 ---------- Vorige bericht was op 5 december 2014 om 19:06 ----------

het is eigenlijk eerder dit deel waar ik vragen bij heb.

Instructions: To embed your Collection into your web page, copy the code as the first element in the <head> of your HTML document.

het volgende deel ( de css file) is geen probleem.

alleen vraag ik me af welke html file ik boevnstaande op moet toepassen.

Laatst aangepast door yoeri : 5 december 2014 om 18:31.
yoeri is offline   Met citaat antwoorden
Antwoord

Onderwerpopties
Weergavemodus

Berichting Regels
Je mag niet nieuwe onderwerpen maken
Je mag niet reageren op berichten
Je mag niet bijlagen posten
Je mag niet je berichten bewerken

BB code is Aan
Smilies zijn Aan
[IMG] code is Aan
HTML code is Uit

Forumnavigatie


Alle tijden zijn GMT +1. De tijd is nu 23:23.