Items filtered by date: December 2014
3 Horizontal Modules via HTML
Use this when the module position your want to use does not support horizontal seperation. It requires the code below and the use of the import modules code.
<div style="display: inline-block; width: 30%; min-width: 180px;">{module Footer Menu}</div>
<div style="display: inline-block; width: 30%; min-width: 180px;">{module Payments Accepted}</div>
<div style="display: inline-block; width: 30%; min-width: 180px;">{module Footer Address}</div>
Centered Horizontal Logos
This is a simple bit of code to add logos in a horizontal line that collapses to a centered column
HTML
<p style="text-align: center;">
<img src="/images/kb/2017/874/quantumwarp-logo.png" alt="QuantumWarp" style="display: inline-block;" />
<img src="/images/kb/2017/874/quantumwarp-logo.png" alt="QuantumWarp" style="display: inline-block;" />
<img src="/images/kb/2017/874/quantumwarp-logo.png" alt="QuantumWarp" style="display: inline-block;" />
</p>
cPanel SSL SNI research
In a world where IPv4 addresses have run out SNI came along to allow multiple SSL certficates to be installed on 1 IP address. The protocol allowing this is SNI. cPanel is quite far behind the rest of the world and browsers in supporting this, however a basic implementation of this is now active in their stable releases. Below I will outline some of the issues I found.
What names should I have in my certificate
Beacause of the way cPanel handles subdomains and parked domains, a type of virtual host, you can only add a single SSL certificate per cPanel account and this only really supports www and non-www names. I have only verified the following occurs with subdomains but there is a high chance it is the same for parked domains.
When you make any HTTPS request to you website/account then the primary domain, with no subdomain, will be served irrespective of the domain name. This mean that only the content from the primary domain name i.e. https://quantumwarp.com/ will be served and by an accident https://www.quatumwarp.com/ would show the same content which is great for most peopel so they can choose between www and no-www version of their site without have ing to worry. https://search.quantumwarp.com/ would also show the content from https://quantumwarp.com/. Another note about this is that if you goto to https://search.quantumwarp.com/ to stop SSL errors, your SSL certificate need search.quantumwarp.com in its alternate names.
cPanel has support for SNI on mail services which is great but after research it onnly uses the primary domain name i.e. https://quantumwarp.com/.cPanel is going to add support for https://mail.quantumwarp.com/ in future versions.
StartSSL recommends that you set the non-www as the common name of your certificate and add the www version next.
What would I do
create a SSL certificate with the following names. This allows for all HTTPS features to work in cPanel.
quantumwarp.com = Common Name
www.quantumwarp.com
Other names
These are just some of my domain name ideas for the day cPanel properly supports SNI for multiple domains on one account.
- quantumwarp.com
- www.quantumwarp.com
- cpanel.quantumwarp.com
- whm.quantumwarp.com
- mail.quantumwarp.com
- webmail.quantumwarp.com
- search.quantumwarp.com
- demo.quantumwarp.com
Notes
- Authentication is required for IMAP, POP3, and SMTP.
- mail.quantumwarp is not allowed. You can use quantumwarp.com.
- You cannot use www.quantumwarp.com for SNI (it is a subdomain)
- you cannot use your own certificate for protected subdomains.
- You can only use your primary domain name for SNI
- sni support www and non-www domains for https
- There are a lot of updates in cpanel 60 ( i think they are adding mail.domain.com support)
- I dont know if SNI uses the common name or the non-www version. Good change it is the common name
- Always use root domain as common name.
- currently there is no support in cpanel for SNI sub domains
- "issue free DV certificates from Comodo" this is getting added in 58/60
- if you use a subdomain with a matching entry in the SSL certificate then when you access in on a https you r main site will display.
- if i just use quantumwarp.com as the common name then there will be no issue with using the subdomain for SNI
- the www domain is an alias of the main site but with the ability to use a vaild https entry much like any other subdomain. https subdomians will never show their own content the main site is always shown.
- only question is, is it the common anme that is used or specifically the non-www entry in which case the common name does not matter. a small issue. ( i could use lambretta innovation to test this at some point as their common name is www version)
You can use SMTP 465 and SSL || SMTP 587, 25, 26 TLS (remember this is starttls)
Horizontal Line
This element can be styled like all others and has preset styles by the browser.
/* hr styling */
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #fff;
}
Horizontal Type Line Behind Text
This is a cool little effect where you can put a line behine a title but the text remains unaltered.
EVENTS 2016
CSS
/**
* Horizontal Type Line Behind Text
* https://codepen.io/ericrasch/pen/Irlpm
* Inspired by this discussion @ CSS-Tricks: http://css-tricks.com/forums/topic/css-trick-for-a-horizontal-type-line-behind-text/#post-151970
* Available on jsFiddle: http://jsfiddle.net/ericrasch/jAXXA/
* Available on Dabblet: http://dabblet.com/gist/2045198
* Available on GitHub Gist: https://gist.github.com/2045198
*/
h1.background,
h2.background,
h3.background {
position: relative;
z-index: 1;
}
h1.background:before,
h2.background:before,
h3.background:before {
border-top: 2px solid #00AFB2;
content: "";
margin: 0 auto;
/* this centers the line to the full width specified */
position: absolute;
/* positioning must be absolute here, and relative positioning must be applied to the parent */
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1;
}
h1.background span,
h2.background span,
h3.background span {
/* to hide the lines from behind the text, you have to set the background color the same as the container */
background: #fff;
padding: 0 15px;
}
/* homepage CTA - how can we help */
.jsn-homepage h3.background:before {
border-top: 2px solid #fff;
}
.jsn-homepage h3.background span {
background: #00AFB2;
}
/* About page - Main content */
.jsn-itemid-344 h2.background.benefits span {
background: #EFE9DE;
}
/* I dont think i need this */
h1.double:before,
h2.double:before {
/* this is just to undo the :before styling from above */
border-top: none;
}
h1.double:after,
h2.double:after {
border-bottom: 1px solid blue;
-webkit-box-shadow: 0 1px 0 0 red;
-moz-box-shadow: 0 1px 0 0 red;
box-shadow: 0 1px 0 0 red;
content: "";
margin: 0 auto;
/* this centers the line to the full width specified */
position: absolute;
top: 45%;
left: 0;
right: 0;
width: 95%;
z-index: -1;
}
h1.no-background,
h2.no-background {
position: relative;
overflow: hidden;
}
h1.no-background span,
h2.no-background span {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
position: relative;
padding: 0 20px;
}
h1.no-background span:before,
h1.no-background span:after,
h2.no-background span:before,
h2.no-background span:after {
content: '';
display: block;
width: 1000px;
position: absolute;
top: 0.73em;
border-top: 1px solid red;
}
h1.no-background span:before,
h2.no-background span:before {
right: 100%;
}
h1.no-background span:after,
h2.no-background span:after {
left: 100%;
}
h1.no-span,
h2.no-span {
display: table;
white-space: nowrap;
}
h1.no-span:before,
h1.no-span:after,
h2.no-span:before,
h2.no-span:after {
border-top: 1px solid green;
content: '';
display: table-cell;
position: relative;
top: 0.5em;
width: 45%;
}
h1.no-span:before,
h2.no-span:before {
right: 1.5%;
}
h1.no-span:after,
h2.no-span:after {
left: 1.5%;
}
HTML
<h1 class="background" style="text-align: center;"><span>EVENTS 2016</span></h1>
Sepia Grid Gallery
This is a simple gallery I created using JCE Editor. It uses pure HTML and Javascipt so the editor is not required but makes building a easier.
Notes:
- I RSFirewall eats the code.
- Gap in between images
- If you put the <img> declarations on different lines like in the code below you will get gaps between the images.
- A simple solution is to put all of the <img> on the same line
- You could use floats
- There might be other solutions out there, but I have not tried them
HTML
<p style="max-width: 960px; margin: auto auto;">
<img src="/images/kb/2017/870/cat-whiskers-kitty-tabby.jpg" alt="cat" onmouseover="this.src='/images/kb/2017/870/cat-whiskers-kitty-tabby-rollover.jpg';" onmouseout="this.src='/images/kb/2017/870/cat-whiskers-kitty-tabby.jpg';" />
<img src="/images/kb/2017/870/cat-whiskers-kitty-tabby.jpg" alt="cat" onmouseover="this.src='/images/kb/2017/870/cat-whiskers-kitty-tabby-rollover.jpg';" onmouseout="this.src='/images/kb/2017/870/cat-whiskers-kitty-tabby.jpg';" />
<img src="/images/kb/2017/870/cat-whiskers-kitty-tabby.jpg" alt="cat" onmouseover="this.src='/images/kb/2017/870/cat-whiskers-kitty-tabby-rollover.jpg';" onmouseout="this.src='/images/kb/2017/870/cat-whiskers-kitty-tabby.jpg';" />
<img src="/images/kb/2017/870/kitten-green-eyes-grass.jpg" alt="cat" onmouseover="this.src='/images/kb/2017/870/kitten-green-eyes-grass-rollover.jpg';" onmouseout="this.src='/images/kb/2017/870/kitten-green-eyes-grass.jpg';" />
<img src="/images/kb/2017/870/kitten-green-eyes-grass.jpg" alt="cat" onmouseover="this.src='/images/kb/2017/870/kitten-green-eyes-grass-rollover.jpg';" onmouseout="this.src='/images/kb/2017/870/kitten-green-eyes-grass.jpg';" />
<img src="/images/kb/2017/870/kitten-green-eyes-grass.jpg" alt="cat" onmouseover="this.src='/images/kb/2017/870/kitten-green-eyes-grass-rollover.jpg';" onmouseout="this.src='/images/kb/2017/870/kitten-green-eyes-grass.jpg';" />
</p>
Square Grid
Responsive 4 x 4 Grid with centered images. This is a square grid made up of 4 segments. Each has an image and a block of text.
Float Method (Fully Working)
This only works properly if bootstrap is present. Bootstrap allows the images to resize dynamically and the square block collapses into a single column.
We provide Chauffeurs
- For Individual Journeys
- On Contract for Corporate Clients
- On Relief - Cover for when your Chauffeur is unavailable
- Please enquire about our Corporate Rates and Chauffeur Placement service.
- Please enquire about our Chauffeur and Executive Car service.
- Please see HERE for the benefits of using Car Company for your business needs
The Method is Simple
We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.
The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.
We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.
There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.
Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles.
HTML
<h2 style="text-align: center;">We provide Chauffeurs</h2>
<div class="float-parent" style="display: table; margin: auto;">
<div style="float: left; margin: 5px; max-width: 400px;">
<ul>
<li>For Individual Journeys</li>
<li>On Contract for Corporate Clients</li>
<li>On Relief - Cover for when your Chauffeur is unavailable</li>
<li>Please enquire about our Corporate Rates and Chauffeur Placement service.</li>
<li>Please enquire about our Chauffeur and Executive Car service.</li>
<li>Please see HERE for the benefits of using Car Company for your business needs</li>
</ul>
</div>
<div style="float: left; margin: 5px;">
<img src="/images/kb/2017/869/cat-whiskers-kitty-tabby.jpg" alt="Business people working in backseat of car" style="min-width: 200px; padding: 10px;" />
</div>
</div>
<h2 style="text-align: center;">The Method is Simple</h2>
<div class="float-parent" style="display: table; margin: auto;">
<div style="float: left; margin: 5px;">
<img src="/images/kb/2017/869/kitten-green-eyes-grass.jpg" alt="Female CEO working inside car" style="padding: 10px;" />
</div>
<div style="float: left; margin: 5px; max-width: 400px;">
<p>We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.</p>
<p>The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.</p>
<p>We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.</p>
<p>There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.</p>
<p>Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles.</p>
</div>
</div>
All the following code is for reference only but might be useful for fault finding
Float method with borders (same as above but with visual aids)
This is exactly the same as above but demostrates how the floating works.
We provide Chauffeurs:
- For Individual Journeys
- On Contract for Corporate Clients
- On Relief - Cover for when your Chauffeur is unavailable
- Please enquire about our Corporate Rates and Chauffeur Placement service.
- Please enquire about our Chauffeur and Executive Car service.
- Please see HERE for the benefits of using Car Company for your business needs
The Method is Simple
We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.
The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.
We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.
There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.
Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.
Thank you for your interest. The Car Company Team.
HTML
<h2>We provide Chauffeurs:</h2>
<div class="float-parent" style="display: table; margin: auto; border: green 3px solid;">
<div style="float: left; margin: 5px; max-width: 400px; border: blue 3px solid;">
<ul>
<li>For Individual Journeys</li>
<li>On Contract for Corporate Clients</li>
<li>On Relief - Cover for when your Chauffeur is unavailable</li>
<li>Please enquire about our Corporate Rates and Chauffeur Placement service.</li>
<li>Please enquire about our Chauffeur and Executive Car service.</li>
<li>Please see HERE for the benefits of using Car Company for your business needs</li>
</ul>
</div>
<div style="float: left; margin: 5px; border: blue 3px solid;">
<img src="/images/kb/2017/869/cat-whiskers-kitty-tabby.jpg" alt="Business people working in backseat of car" style="min-width: 200px; padding: 10px;" />
</div>
</div>
<h2>The Method is Simple</h2>
<div class="float-parent" style="display: table; margin: auto; border: green 3px solid;">
<div style="float: left; margin: 5px; border: blue 3px solid;">
<img src="/images/kb/2017/869/kitten-green-eyes-grass.jpg" alt="Female CEO working inside car" style="padding: 10px;" />
</div>
<div style="float: left; margin: 5px; max-width: 400px; border: blue 3px solid;">
<p>We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.</p>
<p>The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.</p>
<p>We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.</p>
<p>There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.</p>
<p>Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.</p>
<p>Thank you for your interest. The Car Company Team.</p>
</div>
</div>
Inline method
Working inline version of the Square Block. Centered, no floats, text all looks nice except the images end up at the bottom and not centered.
HTML
<div style="text-align: center;">
<div style="overflow: hidden;">
<div style="display: inline-block; overflow: hidden; min-width: 200px; max-width: 450px; padding: 10px; text-align: justify;">
<h2>We provide Chauffeurs:</h2>
<ul>
<li>For Individual Journeys</li>
<li>On Contract for Corporate Clients</li>
<li>On Relief - Cover for when your Chauffeur is unavailable</li>
<li>Please enquire about our Corporate Rates and Chauffeur Placement service.</li>
<li>Please enquire about our Chauffeur and Executive Car service.</li>
<li>Please see HERE (link to who we are benefits section) the benefits of using Car Company for your business needs</li>
</ul>
</div>
<img src="/images/kb/2017/869/cat-whiskers-kitty-tabby.jpg" alt="Business people working in backseat of car" style="min-width: 200px; padding: 10px;" />
</div>
<div style="overflow: hidden;">
<div style="display: inline-block; max-height: 450px; min-width: 200px; max-width: 450px;">
<img src="/images/kb/2017/869/kitten-green-eyes-grass.jpg" alt="Female CEO working inside car" style="padding: 10px;" />
</div>
<div style="display: inline-block; overflow: hidden; min-width: 200px; max-width: 450px; padding: 10px; text-align: justify;">
<h2>The Method is Simple</h2>
<p>We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.</p>
<p>The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.</p>
<p>We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.</p>
<p>There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.</p>
<p>Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.</p>
<p>Thank you for your interest. The Car Company Team.</p>
</div>
</div>
</div>
Inline version with fix
This is the same as the inline code above but with me trying to apply the vertical image fix with the code from JSFiddle. The fix is not working on my demo.
CSS
/* https://jsfiddle.net/hashem/46psK/ Image fix section */
.responsive-container {
position: relative;
width: 100%;
/*border: 1px solid black;*/
}
.responsive-container .dummy {
padding-top: 100%; /* forces 1:1 aspect ratio */
}
.responsive-container .img-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align:center; /* Align center inline elements */
font: 0/0 a;
}
.responsive-container .img-container:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.responsive-container .img-container img {
vertical-align: middle;
display: inline-block;
}
HTML
<div style="text-align: center;">
<div style="overflow: hidden;">
<div style="display: inline-block; overflow: hidden; min-width: 200px; max-width: 450px; padding: 10px; text-align: justify;">
<h2>We provide Chauffeurs:</h2>
<ul>
<li>For Individual Journeys</li>
<li>On Contract for Corporate Clients</li>
<li>On Relief - Cover for when your Chauffeur is unavailable</li>
<li>Please enquire about our Corporate Rates and Chauffeur Placement service.</li>
<li>Please enquire about our Chauffeur and Executive Car service.</li>
<li>Please see HERE (link to who we are benefits section) the benefits of using Car Company for your business needs</li>
</ul>
</div>
<div class="responsive-container" style="display: inline-block; min-width: 200px; max-width: 450px; max-height: 450px;">
<div class="dummy"></div>
<div class="img-container">
<img src="/images/kb/2017/869/cat-whiskers-kitty-tabby.jpg" alt="Business people working in backseat of car" style="min-width: 200px; padding: 10px;" />
</div>
</div>
</div>
<div style="overflow: hidden;">
<div class="responsive-container" style="display: inline-block; min-width: 200px; max-width: 450px; max-height: 450px;">
<div class="dummy"></div>
<div class="img-container">
<img src="/images/kb/2017/869/kitten-green-eyes-grass.jpg" alt="Female CEO working inside car" style="padding: 10px;" />
</div>
</div>
<div style="display: inline-block; overflow: hidden; min-width: 200px; max-width: 450px; padding: 10px; text-align: justify;">
<h2>The Method is Simple</h2>
<p>We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.</p>
<p>The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.</p>
<p>We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.</p>
<p>There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.</p>
<p>Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.</p>
<p>Thank you for your interest. The Car Company Team.</p>
</div>
</div>
</div>
Inline Method - CSS Version
This uses both parts of the CSS script and is all set by the CSS. This looks different in a normal HTML file.
We provide Chauffeurs:
- For Individual Journeys
- On Contract for Corporate Clients
- On Relief - Cover for when your Chauffeur is unavailable
- Please enquire about our Corporate Rates and Chauffeur Placement service.
- Please enquire about our Chauffeur and Executive Car service.
- Please see HERE (link to who we are benefits section) the benefits of using Car Company for your business needs
The Method is Simple
We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.
The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.
We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.
There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.
Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.
Thank you for your interest. The Car Company Team.
CSS
/*-- Square Block - Responsive 4 x 4 Grid with centered images --*/
.square-grid {text-align: center;}
.square-grid .square-grid-row {overflow: hidden;}
.square-grid .square-grid-image {
display: inline-block;
max-height: 450px;
min-width: 200px;
max-width: 450px;
}
.square-grid .square-grid-content {
display: inline-block;
overflow: hidden;
min-width: 200px;
max-width: 450px;
padding: 10px;
text-align: left;
}
.square-grid .square-grid-content ul {
display: table;
}
/* https://jsfiddle.net/hashem/46psK/ Image fix section */
.responsive-container {
position: relative;
width: 100%;
/*border: 1px solid black;*/
}
.responsive-container .dummy {
padding-top: 100%; /* forces 1:1 aspect ratio */
}
.responsive-container .img-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align:center; /* Align center inline elements */
font: 0/0 a;
}
.responsive-container .img-container:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.responsive-container .img-container img {
vertical-align: middle;
display: inline-block;
}
HTML
<div class="square-grid">
<div class="square-grid-row">
<div class="square-grid-content">
<h2>We provide Chauffeurs:</h2>
<ul>
<li>For Individual Journeys</li>
<li>On Contract for Corporate Clients</li>
<li>On Relief - Cover for when your Chauffeur is unavailable</li>
<li>Please enquire about our Corporate Rates and Chauffeur Placement service.</li>
<li>Please enquire about our Chauffeur and Executive Car service.</li>
<li>Please see HERE (link to who we are benefits section) the benefits of using Car Company for your business needs</li>
</ul>
</div>
<div class="square-grid-image">
<div class="dummy"></div>
<div class="img-container">
<img src="/images/kb/2017/869/cat-whiskers-kitty-tabby.jpg" alt="Business people working in backseat of car" style="padding: 10px;" />
</div>
</div>
</div>
<div class="square-grid-row">
<div class="square-grid-image">
<div class="dummy"></div>
<div class="img-container">
<img src="/images/kb/2017/869/kitten-green-eyes-grass.jpg" alt="Female CEO working inside car" style="padding: 10px;" />
</div>
</div>
<div class="square-grid-content">
<h2>The Method is Simple</h2>
<p>We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.</p>
<p>The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.</p>
<p>We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.</p>
<p>There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.</p>
<p>Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.</p>
<p>Thank you for your interest. The Car Company Team.</p>
</div>
</div>
</div>
Joomlashine Grid Method
This will not work unless you use a joomlashine template (v1)
We provide Chauffeurs:
- For Individual Journeys
- On Contract for Corporate Clients
- On Relief - Cover for when your Chauffeur is unavailable
- Please enquire about our Corporate Rates and Chauffeur Placement service.
- Please enquire about our Chauffeur and Executive Car service.
- Please see HERE (link to who we are benefits section) the benefits of using Car Company for your business needs
The Method is Simple
We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.
The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.
We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.
There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.
Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.
Thank you for your interest. The Car Company Team.
HTML
<div class="grid-layout">
<div>
<div style="display: inline-block; min-width: 250px; height: 300px; padding: 10px;">
<h2>We provide Chauffeurs:</h2>
<ul>
<li>For Individual Journeys</li>
<li>On Contract for Corporate Clients</li>
<li>On Relief - Cover for when your Chauffeur is unavailable</li>
<li>Please enquire about our Corporate Rates and Chauffeur Placement service.</li>
<li>Please enquire about our Chauffeur and Executive Car service.</li>
<li>Please see HERE (link to who we are benefits section) the benefits of using Car Company for your business needs</li>
</ul>
</div>
</div>
<div>
<div style="display: inline-block; min-width: 250px; height: 300px; padding: 10px;">
<img src="/images/kb/2017/869/cat-whiskers-kitty-tabby.jpg" alt="Business people working in backseat of car" style="margin: 10px;" />
</div>
</div>
</div>
<div class="grid-layout">
<div>
<div style="display: inline-block; min-width: 250px; height: 300px; padding: 10px;">
<img src="/images/kb/2017/869/kitten-green-eyes-grass.jpg" alt="Female CEO working inside car" style="margin: 10px;" />
</div>
</div>
<div>
<div style="display: inline-block; min-width: 250px; height: 300px; padding: 10px;">
<h2>The Method is Simple</h2>
<p>We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.</p>
<p>The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.</p>
<p>We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.</p>
<p>There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.</p>
<p>Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.</p>
<p>Thank you for your interest. The Car Company Team.</p>
</div>
</div>
</div>
Float and Overflow Method
This does work but the images are not neat (DOES WORK)
HTML
<div>
<div style="overflow: hidden;">
<img src="/images/kb/2017/869/cat-whiskers-kitty-tabby.jpg" alt="Business people working in backseat of car" style="float: right; min-width: 200px; min-height: 300px; padding: 10px;" />
<div style="overflow: hidden; min-width: 200px; max-width: 450px; min-height: 300px; padding: 10px;">
<h2>We provide Chauffeurs:</h2>
<ul>
<li>For Individual Journeys</li>
<li>On Contract for Corporate Clients</li>
<li>On Relief - Cover for when your Chauffeur is unavailable</li>
<li>Please enquire about our Corporate Rates and Chauffeur Placement service.</li>
<li>Please enquire about our Chauffeur and Executive Car service.</li>
<li>Please see HERE (link to who we are benefits section) the benefits of using Car Company for your business needs</li>
</ul>
</div>
</div>
<div style="clear: both;"> </div>
<div style="overflow: hidden;">
<img src="/images/kb/2017/869/kitten-green-eyes-grass.jpg" alt="Female CEO working inside car" style="float: left; min-width: 200px; min-height: 300px; padding: 10px;" />
<div style="overflow: hidden; min-width: 200px; max-width: 450px; min-height: 300px; padding: 10px;">
<h2>The Method is Simple</h2>
<p>We will open an account in your company's name and make the booking for the day and time required. We would appreciate 24 hours notice, whenever possible.</p>
<p>The chauffeur will arrive at your designated pick-up point in his own car and will be available to drive you in your car for as long as you wish.</p>
<p>We charge a flat rate per hour, this remains the same irrespective of unsocial hours, weekends and bank holidays.</p>
<p>There is a call out charge of £15 per trip and a minimum charge per trip of 5 hours.</p>
<p>Our Car Company Chauffeurs: Are Uniformed, Are over 30 years old, Have clean driving licences, Have been individually tested by a Class 1 Police experienced officer, are experienced in chauffeuring Rolls Royce, Jaguar, Mercedes Benz and all other marques of vehicles. Please call 01344 887 439 or 01189 401 880 for more information.</p>
<p>Thank you for your interest. The Car Company Team.</p>
</div>
</div>
</div>
Empty large database tables in Prestashop
Some tables get really big and some of them can be emptied easily. This helps your store to run better.
There are 2 plugins that makes like a lot easier
- PrestaShop database optimization module - clean up your db! (Recommend) - This module is great tool to clean up store database. Use this free addon and decrease your website load time. How it works? PrestaShop store a lot of unnecessary informations in database, this module allows to clean all unwanted informations, like abandoned carts, connections informations, guests informations etc. Remember that it removing stats. Sometimes these tables have got a lot of informations, just clean them with this free addon!. You can delete all of the large tables in Prestashop database (PS v1.4 - v1.6)
- Delete connections - Prestashop module - This module increase your site speed deleting and optimizing the database in the tables connections, connections_source, connections page, cart, etc. This module is usefull when you have a lot of visits and the size of these tables are too big. To save space, you can use this module whitout any problem (your server can suspend your account if your database is too big in shared hostings). Now optimizes all tables and delete the abandoned carts of visitors to save space and delete expired vouchers to save database space, and clear the smarty files in the database (PS 1.6+). Supports (PS v1.2 - v1.6).
Notes
Statistics Tables
_page_viewed _pagenotfound
You need to uninstall the stats module before emptying these, there should be a retain period setting
Manual Table Deletion
I have not tried this and it is the hard way of doing things. A user has used this SQL query to clean his database (possibly taken from one of the links below)
TRUNCATE TABLE `ps_connections`; TRUNCATE TABLE `ps_connections_page`; TRUNCATE TABLE `ps_connections_source`; TRUNCATE TABLE `ps_page_viewed`; TRUNCATE TABLE `ps_guest`;
Links
- Delete conenctions / Optimize database - Prestashop Module - YouTube
- Can we truncate 'pagenotfound' and guest table? - Free Modules & Themes - PrestaShop
- [SOLVED] what if empty ps_connections and it source tables - Ecommerce x PrestaShop [ARCHIVE BOARD] - PrestaShop
- table ps_connections_page and ps_connections, can i empty them? - Ecommerce x PrestaShop [ARCHIVE BOARD] - PrestaShop
AllVideos
To set the max-width of AllVideos video output ( a bit of a hack but works for me)
- i downloaded latest version v4.8.0 from github
- the iframe does not alter anything
- the video size is controlled by the wrapping <div>s in particular "avPlayerContainer"
- the output template is allvideos-master/plugin/jw_allvideos/tmpl/Responsive/default.php
- in the responsive template I changed
<div class="avPlayerContainer">
to<div class="avPlayerContainer" style="max-width:<?php echo $output->playerWidth; ?>px;">
This is an example of the new code in action
<div class="avPlayerWrapper avVideo">
<div class="avPlayerContainer" style="max-width:600px;">
<div id="AVPlayerID_0_80667a8ddd8d0d2ed351d74c3990d3c1" class="avPlayerBlock">
<iframe src="https://www.youtube.com/embed/DVbDgMh5lj4?rel=0&fs=1&wmode=transparent&autoplay=1" allowfullscreen="" title="JoomlaWorks AllVideos Player" width="600" height="450" frameborder="0"></iframe>
</div>
</div>
</div>
<!-- JoomlaWorks "AllVideos" Plugin (v4.8.0) ends here--> RSFirewall - Active Scanner updated documentation
Data added from extensions.joomla.org and the FAQ config page for active scanner.
- created file inclusion section
- moved filter javascript below the get/ post box as it makes more logical sense
- added DoS to the denial of service title
- changed SQL Protections to SQL injection Protections (SQLi)
- renamed JS Protections --> HTML, Javascript and CSS Protections (XSS)
- rename Uploads --> File Uploads
General
From our point of view the default settings are a balanced configuration for most Joomla! Installations. However I would encourage you to go through the settings and make your own choices.
Enable Active Scanner
By enabling the Active Scanner all the protections will be enabled on your Joomla! website.
Enable Active Scanner in the /administrator section
By setting this to Yes the PHP, JS and SQL protections will be triggered in the backend as well. This should only be enabled if you don't trust people that have access to your /administrator section.
This is useful if you don't trust people that have access to your administration from making mistakes or uploading malicious code.
Log All blocked attempts
By setting this to Yes, every single attempt that's stopped by RSFirewall! will be logged. This is useful for debugging your website in case you have false alerts. We recommend setting this to No once you are done so that automated attacks don't fill your log.
Remove the Joomla! generator meta tag
Removing the generator meta tag from your website's template will protect you from spambots or attackers that target Joomla! Websites. This will also prevent some prevent 3rd parties working out what CMS platform you are running for further attacks. This does not prevent fingerprinting attacks but is a good start to stop script kiddies.
Convert email addresses from plain text to images
This setting will convert all email addresses from plain text to images, in the same way as the Email Cloaking plugin will convert them to Javascript.
Joomlas inbuilt Email Cloaking Plugin is enabled by default that obfuscates email addresses by using Javascript but there might be times where it does not work or that a hacker can get around the prevention method. If an email is changed to an image hackers will not be able to read the emails addresses by using scripts so this is a very secure method of preventing scraping of your email addresses whilst still being able to display them to visitors.
Check core Joomla! Files integrity
Checks a few core Joomla! files for integrity, like the Joomla! login and index.php
This is a key feature of the active scanner and should always be used. Whenever your site is accessed RSFirewall will check the core Joomla! Files that have been accessed during the request to make sure their hashes match the internal hash database of RSFirewall which checks to see if they have been altered. This adds a proactive protection to your site allows you to stop a hack attempt at an early stage.
Monitor the following files for changes
If any of the following files will be changed, you will be alerted by email (if configured) and an entry will be posted in the System Log.
This section allows you to add your own files that you want to monitor for changes, such as your template files. If you want a suggestion for suitable files to monitor use the following as an example:
- /home/ myaccount /public_html/index.php
- /home/ myaccount /public_html/configuration.php
- /home/ myaccount /public_html/.htaccess
- /home/quanta/ myaccount /administrator/index.php
- /home/myaccount/public_html/templates/my_template/index.php
Open File Manager
This opens a modal box with a file browser that allows you to select what files you want to monitor. This is optional as you can manually adding the files to the list.
Grab IP from Proxy Headers
Some servers are behind a proxy or firewall and will not provide the correct IP. If this is your case, contact the proxy provider and ask them through what header are they sending the real IP. Otherwise just leave these all checked by default and RSFirewall! will attempt to grab the IP by looking through all of them.
System Protections
by default the following is set
PHP Protections - enable protections for (GET)
SQL Protections - enable protections for (GET)
JS Protections - enable protections for (POST)
why are, (POST),(POST),(GET) respectivly not turned on by default. Am I not fully protect without these or if i turn them on will it break my site?
If you are using a standard Joomla! installation, then use the standard active scanner settings provided by RSFirewall!.
The reason why $_POST is not enabled for the PHP or SQL sections is that standard Joomla! article, or module editing work with $_POST. Having this enabled would increase the chances of raising false positives, blocking the legitimate actions that are being performed. If you have tight control on the users that are allowed to perform such actions (or if these actions are performed only in the backend for example) you won't be needing to perform checks on the $_POST variable. Keep in mind that $_GET related attacks are more frequent then $_POST ones as well.
File Inclusion (LFI / RFI)
The File Inclusion settings should be left on unless you really need to turn them off for debugging or running some of your custom code. Well written extensions will not require LFI/RFI to work.
Local file inclusion (LFI)
This disallows directory traversal techniques (such as controller=../../../etc/passwd) that might allow an attacker to read sensitive files by exploiting poorly coded extensions.
Remote file inclusion (RFI)
This disallows access to URLs (such as controller=http://www.malicious-site.com/exploit.txt) that might allow an attacker to download and run malicious scripts by exploiting poorly coded extensions.
PHP (PHP)
Enable protections for
Inspect the selected system variables for PHP injections.
- Form data ($_POST) enables filtering for information submitted through forms (eg. article editing, user registration etc)
- URL data (_$GET) enables filtering for variables that are located in the URL (eg. http://www.yoursite.com/index.php?option=com_test¶meter1=value1)
PHP $_POST and $_GET Defaults
- Default = $_GET only
- PHP $_POST should be on by default
SQL injection (SQLi)
Enable protections for
Inspect the selected system variables for SQL injections.
- Form data ($_POST) enables filtering for information submitted through forms (eg. article editing, user registration etc)
- URL data ($_GET) enables filtering for variables that are located in the URL (eg. http://www.yoursite.com/index.php?option=com_test¶meter1=value1)
SQL $_POST and $_GET Defaults
- Default = $_GET only
- Should $_POST be on?
HTML, Javascript and CSS (XSS)
Enable protections for
Inspect the selected system variables for XSS/JS injections.
- Form data ($_POST) enables filtering for information submitted through forms (eg. article editing, user registration etc)
- URL data ($_GET) enables filtering for variables that are located in the URL (eg. http://www.yoursite.com/index.php?option=com_test¶meter1=value1)
JS $_POST and $_GET Defaults
- Default = $_GET only
- JS $_POST should be on by default
- still not sure why having SQL $_POST will cause issues
- they leave the deafult installation as it to reduce false positives but this also reducves security. notes should be made when to turn the other option on.
Filter Javascript
By setting this to Yes, the Javascript will be filtered instead of the connection being dropped.
File Uploads ($_FILES)
Every file upload that is being performed, ends up in the $_FILES variable. RSFirewall! checks this particular variable for attack vectors as well.
Filter Uploads
By settings this to Yes, the uploads will be deleted instead of the connection being dropped.
Filter uploads by deleting the file(s) instead of the connection being dropped. This alloes data still to be accepted but delete the potential malicious file which is better for customer interaction.
Check for multiple file extensions
Uploading files with multiple extensions might trick you or any other user that the file has a safe extension.
Verify if uploaded files have multiple extensions
Check for known malware
Verify uploaded files for known malware patterns, such as PHP shell scripts.
Banned Extensions
Files with the following extensions will be deleted as soon as they've been uploaded to the temporary directory on your server. If you enable the "Multiple extensions check", this will check all the files extensions, as opposed to the last one.
Don't upload files with the configured list of banned extensions
Access Control
Denial of Service (DoS)
Deny access to the following User Agents
Select the User Agents you want to prevent from accessing your site.
The following User Agents are usually automated requests to your website and should not be allowed.
- empty User Agents are usually DoS attack attempts or automated connections to your website
- perl scripts are used for automated connections to your website
- cURL is used for automated connections to your website
- Java performs automated connections as well
Protect against DoS (Denial of Service) attacks for User Agents (perl, cURL, Java or empty User Agents)
Protect forms from abusive IPs
Enabling this option will protect your forms from abusive IPs by checking if they exist in a PBL list.
Protect forms from abusive IPs - checks if IPs of form submitters exist in the Spamhaus XBL and SBL lists.
If the IP is in a PBL then the submission will be blocked.
Deny access to the following referrers
Referers are visitors coming from another website (domain). You can block multiple domains by specifying them each on a new line. You can also use wildcards, such as *.domain.com which will block any requests coming from all subdomains of domain.com (eg. www.domain.com, images.domain.com etc). Remember to add domain.com to the list as well, otherwise only subdomains will be blocked when using wildcards. You can also use wildcards anywhere in the domain name, eg. blocked-domain.*, blocked*domain.com
Deny access to the following referers - Referers are visitors coming from another website(domain). You can block multiple domains by specifying them each on a new line. You can also use wildcards, such as *.domain.com which will block any request coming from all subdomains of domain.com(e.g www.domain.com, images.domain.com etc.).
Automatic Blacklisting
Automatic blacklisting
Automatic blacklisting will automatically add to the blacklist repeat offenders based on the minimum number of attempts specified below.
Enable automatic blacklisting(even for the backend login): if repeated threats are detected with the same IP address, this will automatically be added to the Blacklist area
Automatic blacklisting for /administrator login
With this option enabled, failed backend logins will lead to an automatic ban. This option is independent from the CAPTCHA challenge configurable below.
Same as above but for the admin area
# of attempts
This is the minimum number of attempts before the attacker will be added to the blacklist and banned from your website.
CAPTCHA
Enable CAPTCHA
This will prompt a CAPTCHA security code in the /administrator section. CAPTCHA will appear after the number of failed login attempts you specify below.
# of failed attempts
Activate CAPTCHA after this number of failed login attempts a CAPTCHA will show up in the /administrator section login page.
Backend Login
Capture login attempts
By enabling this, everytime a user fails to login in the /administrator section will trigger an event in the System Logs.
Store Passwords
Set whether to store the passwords used in the failed login attempts or not.
Lockdown
Protect the following users from any changes
This will create a snapshot of the selected users. If any changes will happen to any of them, it will get reverted back immediately. If you want to update your snapshot, you will have to deselect all the users, press Apply and then select the users again and finally Save the configuration.
Protect Joomla! users from any changes
Disable access to the Joomla! Installer
By setting this to Yes, the Joomla! installer will no longer be accessible.
You would use this when you have multiple admins and do not want them to have access to the installer to prevent over enthusiastic admins from breaking your site.
e.g. Perhaps you are in situation where you have multiple backend users. Would you like them to be able to install anything on your Joomla! ? It basically ads an extra layer of protection for the installer access.
Disable the creation of new Administrators
By setting this to yes, new users that can login in the /administrator section will be deleted as soon as they are created. Keep in mind that new users (such as the ones added in the Registered group) will not be affected, unless you are trying to add Super Administrator rights to them (in this case, they will be deleted as well).
This feature is a second line of defense. Should a hacker get basic access to your site this feature prevents him from getting administrator rights to your Joomla! Installation. It can also be used to prevent other admins on your site giving administrator rights out to other Joomla! Users.