Commercially
noskowicz.klaudia@gmail.com

or

Do you need help or want to collaborate?
rinne.lasair@gmail.com

x
+

What's next?

  • Burning moon 3d
  • Rise of Fayren order
  • Kawowa Mary order
  • Reaper free template
  • Burning rose logo
  • RPG template
  • Template for story
  • Real home/start page on blogspot instruction
  • Background video instruction
  • Flying balls instruction
  • Window on click - hidden scroll
  • Window on click instruction

Tutoriale

Tutorials
Tutorials
On the right are links to all instructions. If you have problems with something, just ask me.
I remind you about adding credits and invite you to share the effects of your work.


Do you have an idea for an interesting tutorial?

Proposition
Responsive popular posts
#HTML #CSS


Template mobile version
#CSS

Szukaj

x

Template mobile version

Easy way to make mobile version of you blogger template.



Step 1. 
We go into the template, then click on the gear wheel, located under template preview 'on mobile', next choose" No, on mobile show a desktop template". Or something simillar, since my blogger is in polish :D


Step 2. Go into HTML and above <head> add:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport'/>


Step 3. In CSS add: 

@media only screen and (max-device-width: 400px){
  cod css
}

Here you can hide [ selector{ display:none;} ] or change every elements of your blog. Just remember that you need to use the same selectors. Example:

#Blog1 { margin-left: 20%; }
@media only screen and (max-device-width: 400px){
#Blog1 { margin-left: 0%; }
}

Brak komentarzy:

Prześlij komentarz

by Rinne Lasair | credits: helplogger