• Home

Items filtered by date: December 2015

Sunday, 12 June 2016 13:37

What is the difference between MBR and GPT?

Before converting to GPT it is important to know why and if you can convert. This article should help you make that decision.

MBR

MBR is standard method to present partitions to the bios so operating systems can load. The BIOS is hardcoded to read the first part of any hard drive, this is the MBR. In the MBR is stored the locations of the primary partitions. Each physical disk can have up to 4 primary partitions and within this you can create an extended partition which can hold up to a theoretical limit of 25 partitions (I think!).

Only primary partitions can be booted from and to boot from a partition, it must be set to active.

You can only have 1 active partition per physical disk so this limits the bootable partitions on a hard disk using MBR to 1. MBR is now known as a legacy method. MBR is limited to drives under 2.2TiB in size as it cannot address any larger than this.

In the bios there are instructions to load and execute certain files that are found in the root of the active partition and because these instructions are hardcoded in the bios it enables your OS to be loaded even after power down. Operating systems know this and place the appropriate files for the boot procedure in the root. If these files get corrupted or deleted the OS will fail to load.

GPT

GPT is the new way of addressing partitions on a drive. I believe Linux has been using this for a while and it is not limited to 2.2TiB drive sizes amongst other things.

GPT hard disk configurations also put a dummy MBR in place that reports the whole disk as ‘allocated’ (check this) to prevent Non-GPT aware programs corrupting the disk.

GPT Notes

  • UEFI only works on 64-bit systems
  • Secure boot will only work with UEFI enabled
  • Secure boot only allows signed drivers to be loaded for the kernel. I know Microsoft has a certificate and there might be some other company certificates in there aswell.
  • UEFI can be extended on the fly by loading files from a HDD or other boot media. This is how the Microsoft EFI partition works and its purpose.
  • You don’t need the recovery partition to get GPT to work but it is handy.
  • The MSR partition is not currently used but it might be in the future and it is installed in default Windows 10 installations.If It is is not present, your GPT Windows 10 will still load
  • If you convert from a system disk that has always been an MBR, Windows will not boot via UEFI after converting to GPT. You need to add the EFI partition to allow booting.

GPT is not UEFI/EFI

Windows 10 needs a EFI partition to be able to boot windows that is located on a GPT hard disk.

The easiest way to clear this up is to describe the different technologies used by Windows 10 in this new setup.

  • GPT is the new way partitions are addressed on the hard disk
  • UEFI/EFI (User Extensible Framework Interface) is a method of extending a bios by adding drivers on the fly. There are several vectors to add these drivers.
  • EFI Partition - This is where you can place drivers you want to be loaded by the bios. This is done on the fly at every boot up. It is by this mechanism that Windows 10 adds the drivers into its kernel so it can be booted from a GPT partition and also utilise Secure Boot

Questions

  • Can you boot windows of a GPT partition without an EFI partition?

    I don’t think so because Windows uses the EFI partition to add extra driver(s) that sit in between windows and the Hard Disk which allows for the continued support of MBR on the same core code.

  • Can you use a GPT partition for storage if your Windows installation is on a MBR system disk?

    I think the answer to this is yes. You just would not be able to boot of the GPT partition.
Published in Windows 10
Read more...
Sunday, 12 June 2016 09:44

Embed a Video using HTML5

This article is not finished and is just a holding page for now and to hold collections of code i find:

Video in webpages can make a website look a lot more expensive and professional but you must make sure you have enough bandwidth to cope as it can be quite intensive.

<video class="background-video" aria-role="img" aria-label="PrestaShop" data-mp4-src="//img-cdn.prestashop.com/home/product-video-bg.mp4" data-webm-src="//img-cdn.prestashop.com/home/product-video-bg.webm" data-poster="//img-cdn.prestashop.com/home/bg-video.jpg" autoplay="autoplay" muted="muted" loop="loop" volume="0" canplay="false">
		<source type="video/mp4" src="//img-cdn.prestashop.com/home/product-video-bg.mp4">
		<source type="video/webm" src="//img-cdn.prestashop.com/home/product-video-bg.webm">
</video>

Links

 

Published in HTML
Read more...
Saturday, 11 June 2016 17:46

Working HTML email with CSS formatting

The following HTML code formed an email I received from Outlook.com and as you can see it has working CSS styles embedded in it.

I have pasted the code exactly as it appeared (ie. non-tabulated). You might be able to use tabluated HTML code but I cannot be 100% sure. The CSS code inside the <script> tags has been remmed out and this might be intentional.

Try adding your own code and extend this example. I would also mess with all the other elements to see what they do.

HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;background-color:#FFFFFF;font-family:Calibri,Arial,Helvetica,sans-serif;">
<p>Hello</p>
<p><br>
</p>
<p>From QuantumWarp.com<br>
</p>
</div>
</body>
</html>

 

Published in Email
Read more...
Monday, 30 May 2016 13:41

Samsung S2 - Cannot install GApps on CM13.0, Insufficient space on system partition

The Problem

This is a weird one. I updated my Samsung S2 to Cyanogenmod 13.0 (cm-13.0-20160528-NIGHTLY-i9100 / Android 6.01) which went well but every time I tried installing the GApps I got the error ’Not enough room on the system partition to install’. At first I check my drives and there was room on the SD card and data partition. These are not the system partition which was my first mistake. The system partition on an S2 is on 500mb in size so it is only just enough room for CM13.0 but not GAPPS as well.

The Fix/Theory

In simple terms we need to alter the partition sizes. The S2 comes with a 16GB flash chip but for some reason Samsung on gave 500mb to the system partition and 2.0GB to the data partition.

We will make the system partition larger and while we are at it, make the data partition bigger. System partition will go to 1GB and the data partition will go to 6GB. The Internal SD will take the remainder and ends up about 7.5GB

What Are We Going To Do?

Now I have given you the idea of what we are going to achieve, here come the tricky bit. I have learnt this information from many different places to put together simple instructions especially for those who are not experienced at flashing but I do encourage you to read my instructions and then have a look at the links and research I have put together just in case I have got anything wrong.

To repartition the phone we will use the REPIT from Lanchon but that needs to have an IsoRec compatible Bootloader/Recovery in place otherwise issues will occur and could possibly brick your phone.

The ROM being loaded also needs to be IsoRec compatible I believe otherwise it might not load correctly. I am not 100% about this.

Because of how things are you most likely cannot just install the latest version of TWRP which is IsoRec compatible because it is only available in an img format. To get around this we will install an older version of TWRP which is available in zip format that can be installed from most Custom Recoveries. Once this old version of TWRP is installed we can then use it to install the newer version in the img package format. There are other ways to install the img package:

  • HeimDall - I tried this and it doesn’t work. The software just give me errors and I don’t think the software has been updated in ages
  • Side load – not 100% what this is
  • ADB – via the command line
  • Other Custom Recoveries

NB: I don’t think you can install the img packages via ODIN. ODIN is file system aware and I think img are binary files

Make sure your battery is charged and perform these actions whilst the phone is plugged into the mains.

Instructions

These instructions are geared for my Samsung Galaxy S2 i9100 Int

Overview

  1. Backup phone
  2. Install CM13 (IsoRec compatible ROM)
  3. Install old version of TWRP via a custom recovery to add img support
  4. Install TWRP 3 which is an IsoRec compatible recovery
  5. Run the REPIT software to repartition the Samsung S2 Flash Drive
  6. Install GAPPS
  7. Wipe cache and data
  8. Reboot
  9. Done

Full Instructions

Preparation

1. Download the following files to your PC

  1. recovery-Lanchon-IsoRec-TWRP-2.8.7.0-20160113-i9100-(by-arnab).zip - This is an IsoRec compatible version of TWRP v2.8.7.0 by arnab in a zip format that you can install via most Recoveries. This is specific to a Samsung S2
    or
    twrp-3.0.2-0-i9100.zip (latest version in zip format)
  2. twrp-3.0.2-1-i9100.img - This is a new official version of TWRP in img format for a Samsung S2
  3. lanchon-repit-20160415-system=1.0-data=same-sdcard=max-preload=min+wipe-i9100.zip
    • This is REPIT by Lanchon for the Samsung S2
    • The files are specific to your phone, if there is no file then you cannot use this method.
    • You can request a file for the process
  4. SAMSUNG_USB_Driver_for_Mobile_Phones.zip - needed to connect to your phone, if not already installed
  5. cm-13.0-20160528-NIGHTLY-i9100.zip - Latest version of Cyanogen mod Android for the Samsung S2
  6. open_GApps-arm-6.0-micro-20160529.zip - CM13 / Android 6 compatible GAPPS

2. Rename the REPIT file

lanchon-repit-20160415-system=1.0-data=same-sdcard=max-preload=min+wipe-i9100.zip
-->
lanchon-repit-20160415-system=1.0-data=6-sdcard=max-preload=min+wipe-i9100.zip
  1. I changed -data=same to -data=6
  2. This files will set 1GB system partition and a 6GB data partition
  3. The file name controls the repartitioning options
  4. The file is specific to the model of the phone

3. Copy the following files to your phones Internal SD Card

  1. recovery-Lanchon-IsoRec-TWRP-2.8.7.0-20160113-i9100-(by-arnab).zip
  2. twrp-3.0.2-1-i9100.img
  3. lanchon-repit-20160415-system=1.0-data=6-sdcard=max-preload=min+wipe-i9100.zip (note it is the one with the larger data partition)
  4. cm-13.0-20160528-NIGHTLY-i9100.zip
  5. open_GApps-arm-6.0-micro-20160529.zip

4. Backup all that is important to you, pick whatever method you prefer. A nandroid and a files backup is the best. Copy the backup of the phone on to your PC

Install Cyanogen mod 13

  1. Install cm-13.0-20160528-NIGHTLY-i9100.zip via recovery as normal
    • Can be done later just before installing GAPPS, I found I had to do it this way because TWRP would not replace Clockworkmod. (or appeared so)
    • It did install but when Clockworkmod rebooted to bootloader, Clockworkmod just re-loaded
    • after I installed CM13 and booted to Recovery, TWRP loaded without re-installing it again meaning it must of installed previously but Clockwordmod did not properly unload from memory
    • NB as ever, it is better to wipe your cache and do a factory reset to prevent incompatibilities

Upgrade the Recovery with IsoRec compatible TWRP

  1. Install an old version of TWRP via recovery (recovery-Lanchon-IsoRec-TWRP-2.8.7.0-20160113-i9100-(by-arnab).zip)
    • SD Card might of got wiped here
    • We have to install an old version of the TWRP so we can install the latest version of TWRP which is in img format.
    • If your custom recovery supports the install of img files you can probably skip this step
    • Reboot to recovery - This loads TWRP v2.8.7.0
  2. Upgrade to the latest vcersion of TWRP (twrp-3.0.2-1-i9100.img)
    1. Flash twrp-3.0.2-1-i9100.img via TWRP - When prompted which partitions to flash, select Recovery
    2. Reboot to Recovery - this loads the new TWRP v3.0.2.1

Repartition the Flash Drive

We now are going to repartition the drive which is very simple, when you know how. This will give a 1gb system partition and a 5.91GB data partition, the internal SD Card will take the rest of the space which is about 7.49GB

  1. Plug your phone into the mains if not already.
  2. Assuming you are still in TWRP v3.0.2.1 , Browse to and flash the REPIT file:
    lanchon-repit-20160415-system=1.0-data=6-sdcard=max-preload=min+wipe-i9100.zip
  3. It most likely will fail first time and say it has copied itself to the /tmp/ directory. This is fine. If it actually processes your phone skip flashing from the /tmp/ directory steps.
  4. Browse to /tmp/ in TWRP by going up one level in the folder tree
  5. Flash the REPIT file in the /tmp/ directory:
    /tmp/lanchon-repit-20160415-system=1.0-data=6-sdcard=max-preload=min+wipe-i9100.zip
  6. The partitions will now get resized. Mine took about 15 minutes and kept the /system/ files, possibly the /data/ files and the Internal SD Card files. I did not have that much on my phone, possibly a 200mb – 300mb, so you time might vary.
  7. Perform a System Reboot to make sure Android loads and runs ok and the partitions are the correct size etc... (optional)

Install GAPPS

  1. Reboot back in to recovery and install GAPPS
  2. Flash this file via the recovery partition open_GApps-arm-6.0-micro-20160529.zip
  3. Clear /Cache/ and /data/ partitions
    1. A Factory Reset as might remove GAPPS (check this)
  4. Perform a System Reboot

Final Settings

  1. CM13 will now load and you should setup as normal.
  2. Once you have setup the phone, make sure that Cyanogen mod is not configured to replace the bootloader as I am not 100% sure if this will stop things working or if it was just whilst repartitioning the drive. This option is found in the Developer Options.
  3. Finished

Done, What Now?

You now should have a Samsung S2 with a much larger system and data drive. Dont forget you can always re-run this process and make the drives larger, but for now you can just use your phone for flashing ROMs as you have in the past. The only exceptions I can see is do not flash stuff by ODIN as I do not know if it will break anything.

Notes

These are my notes I made whilst I figured all of this out, which would of not been possible without the guys who did the all of the programming.

Flashing Compatible TWRP

  • TWRP for Samsung Galaxy S2 i9100 – Official Home Page for the Samsung S2
  • Installing TWRP 3 the Easy Way – This shows you how you can load TWRP img file via ADB. (it is also the IsoRec homepage)
  • [RECOVERY] [ISOREC] [TWRP 3.0.2-1] [OFFICIAL] [26/04/2016] (Official thread by arnab)
    • Flash via Recovery
    • Flash via Heimdall Suite (Windows only)
    • Update via Recovery
    • Side Load
    • Can you get a new compatible recovery via the play store?
  • Two things I found:
    • adb side load isn't actually exposing any adb, but instead creates a "USB storage" device
    • when files are copy-pasted via MTP, last modified date is changed

IsoRec

  • IsoRec is a new feature which I believe allows for the use of a combined recovery/bootloader partition. Either way bootloader either support it or they don’t.
  • [MOD] IsoRec: Isolated Recovery for the Galaxy S2 – XDA Developers thread explaining what this technology is
  • [RECOVERY] [ISOREC] [TWRP 3.0.2-1] [OFFICIAL] [26/04/2016]
    • XDA Developer thread for TWRP 3.0.2-1
    • Maintained by arnab
    • This has various installation instructions
      • Flash via Recovery
      • Flash via Heimdall Suite (Windows only)
      • Update via Recovery
  • Download links for:
    • HeimdallSuite_v1.4.0.zip
    • SAMSUNG_USB_Driver_for_Mobile_Phones.zip
  • The i9100 does not support a separately bootable recovery partition. To install and use TWRP, you will need to install a custom kernel or boot image that supports IsoRec
  • CM12.1 and CM13 has IsoRec support

REPIT

  • GitHub Homepage
    • This site has some very good instructions on how it works
    • The example instructions and filenames are for the i9100
  • Original XDA Developers thread (no longer updated)
  • The Software
    • A Device-Only Data-Sparing Repartitioning Tool For Android (keeps your data)
    • The REPIT files are Phone specific
    • The operations are controlled by the filename
    • Use of this requires an IsoRec compatible Recovery to be installed

PIT Files

Cyanogen mod

  • You need to make sure that you install GAPPS and CM13 at the same time otherwise it might go mental (check this)
  • I have not seemed to of had any problem but if you install GAPPS before 1st use, the Google wizard runs on first boot. This might also happen when you install GAPPS later but I am not sure.
  • CM 13.0 Release 1 – Official blog post. It outlines some issues.
    • CM13.0 is funny about installing GApps apparently. You must install both packages at the same time (CM and GApps) with no reboot otherwise it might go mad. I have not seen this.
  • Samsung Galaxy S2 by CNBLACK ROM set which Contains
    • cm-12.1-20160406-UNOFFICIAL-i9100.zip
    • cm-12.1-20160406-UNOFFICIAL-i9100.zip.md5sum
    • Cyanogen Recovery - i9100.tar - An ODIN Flashable Recovery

Heimdall

 

Published in Android
Read more...
Thursday, 26 May 2016 18:12

Embed an image directly into HTML

It is possibly to directly embed an image in to the HTML rather than linking it as you normally would. This is very useful when you want to write contained articles, some apps or where you are not able to link to external assets.

The following technique embed a binary image directly within an <img> tag

  1. Get your image and convert it in to bas64 format
  2. Create the <img> reference as layed out below
  3. Done

NB: Dont use this method for large images.

Example

dell docking station

HTML

This code is not complete because it is sending my search funny.

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAGQAZADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL" alt="">

 

Published in HTML
Read more...
Thursday, 26 May 2016 17:22

How to list items on eBay with Turbo Lister Easily

This is the most efficient way of doing eBay and is especially useful when you are doing many items

Setup the equipment

  • Photo area with with paper
  • Camera tripod
  • Android phone on WIFI (connect to phone via airdroid, can be done later) or other method of WiFi camera. I set he res to 1280 x 1024 as this is not to large but you can have personal preference.
  • Have your pc on with Turbo Lister open and a web browser
  • All your pack materials in 1 area
  • The ebay html code for gallery open in notepad++ on your laptop
  • I use the free program Easy Thumbnails for creating the thumbnails.

Basic work flow

  1. Get all of you items for sale in 1 pile
  2. Box and semi pack all items so you know you have a suitable box for them
  3. Take all the items you have boxed and then photograph them on your android phone/wifi setup
  4. Do a couple of test images to make sure the equipment is working properly. Do this by downloading them on your pc and checking
  5. No go ahead and photo graph all of your items. The more expensive the more photos you should take more
  6. Process the images (see below)
  7. Write and build the item/auction in Turbo Lister. Do this for all items you have just taken photos for

eBay HTML Gallery for images on your own server

Image processing

  1. Get the images on your PC
  2. Remove any bad images
  3. Resize images to 1280px (optional, but better for loading on mobiles)
  4. Sort them in to folders for each product with a suitable web-safe folder name
    Those that you just took 1 photo on purpose, create a folder called misc and put them in there

    The following can actually be done just as easy when you create the individual Item/auction

  5. For each product's images rename them to: (and put them into a specific order if required.)
    1.jpg, 2.jpg, 3.jpg  etc......
  6. Create thumbnails for each item using Easy Thumbnails (default settings are perfect) this creates thumbnails called and should be in the products folder where the original images are. If not move them there.
    tn_1.jpg, tn_2.jpg, tn_3.jpg  etc......
  7. Upload these product images and thumbnails, in their folders, to you website holding folder and it should end up being in the format below. 
     {Website eBay Folder}/{Item Name}/
  8. Image processing stuff done

HTML Gallery

We now have the images uploaded on our webserver but need to create a HTML gallery to use them.

This code is a nicely layed out basic gallery that you can use for your eBay listings but hosting the images on your own server saving you money and allowing you to add as many images as you want. I use the free program Easy Thumbnails for creating the thumbnails.

HTML

<p>Click on the images for a larger version</p>
<p>
	<a href="https://quantumwarp.com/ebay/items/bottle/1.jpg" style="padding: 5px;"><img alt="" src="http://quantumwarp.com/ebay/items/bottle/tn_1.jpg" /></a>
	<a href="https://quantumwarp.com/ebay/items/bottle/2.jpg" style="padding: 5px;"><img alt="" src="http://quantumwarp.com/ebay/items/bottle/tn_2.jpg" /></a>
	<a href="https://quantumwarp.com/ebay/items/bottle/3.jpg" style="padding: 5px;"><img alt="" src="http://quantumwarp.com/ebay/items/bottle/tn_3.jpg" /></a>
	<a href="https://quantumwarp.com/ebay/items/bottle/4.jpg" style="padding: 5px;"><img alt="" src="http://quantumwarp.com/ebay/items/bottle/tn_4.jpg" /></a>
	<a href="https://quantumwarp.com/ebay/items/bottle/5.jpg" style="padding: 5px;"><img alt="" src="http://quantumwarp.com/ebay/items/bottle/tn_5.jpg" /></a>
	<a href="https://quantumwarp.com/ebay/items/bottle/6.jpg" style="padding: 5px;"><img alt="" src="http://quantumwarp.com/ebay/items/bottle/tn_6.jpg" /></a>
	<a href="https://quantumwarp.com/ebay/items/bottle/7.jpg" style="padding: 5px;"><img alt="" src="http://quantumwarp.com/ebay/items/bottle/tn_7.jpg" /></a>
</p>

Build the product specific gallery HTML code

  • Copy the HTML code above into your favourite text editor, mine in Notepad++
  • Adjust the number of image references to match how many you need. Either delete lines or use copy and paste and add more not forgetting to change the image numbers.
  • Using text replace
    • change the domain to match yours. Dont forget to change https for http if needed
    • change the file path to mathc yours
    • change the product name to match the product image folder name
  • Save this gallery or keep it to hand.

Turbo Lister – Building an item

The process is fairly easy and straight forward but I will write it down anyway. You only need to do this if you are doing multiple images for you item and is to bypass eBay costs for extra images.

  1. Open Turbo Lister
  2. Create new item
  3. Select a product you have just photographed and have the images for
  4. Search eBay to see if there are any of these items on eBay so you can gauge a price. If you take a lower price you might find your ssales increase. Don’t be greedy if you want to sell quick
  5. Create a suitable title – use the search results for inspiration
  6. Select a category - – use the search results for inspiration
  7. Set an auction time
    1. 7 or 10 days for an auction. Start 7 days on Sunday 8.00pm to 9.00pm and 10 days start these on Thursday at 8.00pm to 9.00pm. 8.15pm is probably the best
    2. If you are doing a fixed you either start at the times above or whenever you want. Only do 30 days for the real specialty stuff as most people don’t do anything until the last week if not on the last day. You would only need 30days to advertise something people don’t look for often
  8. Now fill in your description. It is ok to nick stuff of other people’s listing because they have done all the hard work for you but do not 100% rip their work as they could find you out and report you to eBay. Be honest in your description
  9. Select an auction image via Turbo Lister, you should navigate to image 1 (or your selection) select the image for your auction
  10. Product Image HTML Gallery (optional)
    1. Go back to your description and select the HTML view in Turbo Lister
    2. Open the HTML Code you created earlier for your HTML Gallery in Notepad++
    3. Copy the HTML Code to the bottom of your Turbo Lister description (or wherever you want)
    4. Preview the images and make sure they open.

Done

That should be it, you have made one complete eBay product and listed it using TurboLister.

Other Notes

  • You can diretly embed images into HTML using the following code. See my article about this.
    <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABACiiigD//Z" alt="">

 

Published in eBay
Read more...
Tuesday, 17 May 2016 14:41

Locations Page

This is a page to display various client locations utilising BT Google Map Plugin. this layout is fully responsive via the Joomlashine template grid layout.

Locations

Manchester

Rocky Lane
Skerton
Manchester
Cumbria
MA1 1QW

Tel: 01772 123456

Mobile: 07747 123456

Google Map

 

Manchester

Rocky Lane
Skerton
Manchester
Cumbria
MA1 1QW

Tel: 01772 123456

Mobile: 07747 123456

Google Map

 

Manchester

Rocky Lane
Skerton
Manchester
Cumbria
MA1 1QW

Tel: 01772 123456

Mobile: 07747 123456

Google Map

 

Manchester

Rocky Lane
Skerton
Manchester
Cumbria
MA1 1QW

Tel: 01772 123456

Mobile: 07747 123456

Google Map

 

HTML

<h1>Locations</h1>

<div class="grid-layout">
	<div>
		<h2>Manchester</h2>
		<address>Rocky Lane<br />Skerton<br />Manchester<br />Cumbria<br />MA1 1QW</address>
		<p>Tel: 01772 123456</p>
		<p>Mobile: 07747 123456</p>		
	</div>
	<div>
		{lo admodule mod_bt_googlemaps,Locations - Manchester}
	</div>
</div>

<p>&nbsp;</p>

<div class="grid-layout">
	<div>
		<h2>Manchester</h2>
		<address>Rocky Lane<br />Skerton<br />Manchester<br />Cumbria<br />MA1 1QW</address>
		<p>Tel: 01772 123456</p>
		<p>Mobile: 07747 123456</p>		
	</div>
	<div>
		{lo admodule mod_bt_googlemaps,Locations - Manchester}
	</div>
</div>

<p>&nbsp;</p>
		
<div class="grid-layout">
	<div>
		<h2>Manchester</h2>
		<address>Rocky Lane<br />Skerton<br />Manchester<br />Cumbria<br />MA1 1QW</address>
		<p>Tel: 01772 123456</p>
		<p>Mobile: 07747 123456</p>		
	</div>
	<div>
		{lo admodule mod_bt_googlemaps,Locations - Manchester}
	</div>
</div>

<p>&nbsp;</p>	
		
<div class="grid-layout">
	<div>
		<h2>Manchester</h2>
		<address>Rocky Lane<br />Skerton<br />Manchester<br />Cumbria<br />MA1 1QW</address>
		<p>Tel: 01772 123456</p>
		<p>Mobile: 07747 123456</p>		
	</div>
	<div>
		{lo admodule mod_bt_googlemaps,Locations - Manchester}
	</div>
</div>

<p>&nbsp;</p>

 

Published in Joomlashine
Read more...
Tuesday, 17 May 2016 14:01

BT Google Maps

Module Class Suffix

Module will concatenate the  value of this parameter with string ‘bt-facebookpage’ to create a new CSS class for module.

If you use the module class suffix set in the module admin _abc then you will actuall get the module generated with the class of bt-facebookpage_abc

Via [loadplugin]

The above is taken from the documentation but might not be 100% correct.

The following is true when using the [loadmodule] plugin.

The module suffix is appended to 'moduletable' so a suffix of -bt-googlemaps-container gives moduletable-bt-googlemaps-container

Other Module Class Notes

  • .btgooglemaps is a class given to BT Google maps container.
  • .gm-style is a google wrapper i think, lower than .btgooglemaps

Add a Border

http://bowthemes.com/forums/topic/6144-map-border/

.bt-google-maps{
	border: 2px solid #a3a3a3;
}

 

Published in Joomla Extensions
Read more...
Wednesday, 11 May 2016 10:13

Page title is being shown instead of Page Heading

If i modify the instructions to below they work:

Menu Item -> Page Display Tab -> Show page heading -> No
Menu Item -> Options Tab -> Show Title -> Show

My Notes:

'Show Page Heading' option

This option allows you to display a page title based on the menu item and it works as follows. If enabled it will try and display each of the items in order, if one does not exist, it moves to the next:

Page Heading --> Browser Page Title --> Menu Title

To fix my problem:

Per Menu Item

Enter a Page Heading
or
Menu Item -> Page Display Tab -> Show Page Heading -> No
Menu Item -> Options Tab -> Show Title -> Show

* this will use the articles title

Set Options Globally

Global Configuration --> Articles --> "Show Tile" = Show
Global Configuration --> Menus Manager --> "Show Page Heading" = No
* this will use the articles title

Assumptions

I have all article display options (Global Configuration --> Articles) set to Off or do not display. I find this is a neater way to build small websites.

Published in Joomla
Read more...
Tuesday, 10 May 2016 18:54

Misc

I dont know how to categorise these fixes but I still need them.

/* Fix blog style images - When the text is too tight to the image */
.item-image img {
	padding: 5px;
}

 

/* login box background Colour  - grey */
.well {background-color: #444444;}

 

Published in Joomlashine
Read more...
Page 23 of 96