Apr 3, 2017
my new website 🎉 goto http://felixf.de
seen from Sweden
seen from Türkiye
seen from China
seen from United States
seen from China
seen from Singapore
seen from United Kingdom
seen from China
seen from Germany
seen from Türkiye
seen from Germany
seen from China
seen from United States
seen from Türkiye
seen from South Africa
seen from South Korea
seen from Türkiye
seen from Netherlands
seen from T1
seen from Israel
my new website 🎉 goto http://felixf.de
Session 2
1.
open in chrome
laytheme.com
Front end and back end opened on two separate tabs
view > developer > developer tool (shows html structure)
back end > customise > css > mobile css
.mobile-title{
top: '6 px'; - click publish
2.
Adding a contact form
backend > 0plug ins > Add new
ninja contact (Ninja forms)
> Install now > activate
select ninja forms on the left bar > not now > contact me > emails & actions
email notification > settings cog > edit
3.
backend > Pages > edit voter page
set row background colour > make background white FFFFFF
plus more > shortcode
set HTML class and ID
ID = contactMe > save
click update on the right
4.
Lay options
HMTL & CSS > Custom <head> section
paste in:
<script> var $j = jQuery.noConflict(); window.laytheme.on("newpageshown", function(){ $j("#contactMe").hide(); });
</script>
> save cahnges
# = ID
dot. = class
5.
backend > appearence > Edit menus
> custom links > URL > type in: #mailform
> Link text, type: Contact Me
> click add to menu > save menu
6.
backend
> Layout option >custom <head> content
paste in:
<script> var $j = jQuery.noConflict(); window.laytheme.on("newpageshown", function(){ $j("#contactMe").hide(); $j("a[href*='#mailForm']").addClass('mailForm'); $j(".mailForm").click(function() { $j("#contactMe").slideToggle(1000); }); });
</script>
Websites help:
w3schools.com
stackoverflow.com
Chat GPT
having a backup for your website:
> plugins > all in one migration > install now > activate > select all in one migration on left bar > export to > file > download(green box)
we have a new website http://gegenfeuer.net/