Items filtered by date: December 2014
Logo
I cant remember where I have used this.
/** logo fix / header **/
/* remove large gap above and below - when you have seperated menu and logo */
#jsn-logo a {
margin-top: 10px;
margin-bottom: 0;
}
/* make the header sections responsive so they look nice */
@media screen and (max-width: 640px) {
#lancastrian-header-left{
float: none !important;
text-align: center;
}
#lancastrian-header-right{
float: none !important;
text-align: center;
}
}
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-->