Categories

Accordion (1) AfterEffects (1) Application (2) Automobile (1) Banking (1) Chrome (1) Cinema4D (2) Coding (2) Corel Draw (1) CSS (4) CSS3 (11) Design (2) Dropdown (1) Film (1) Finance (1) FinTech (1) Gateways (1) HTML (4) HTML5 (4) JavaScript (7) KDE (2) Layout (1) Login (1) LungoJs (1) Menu (3) Menubar (2) Movies (1) Navigation (2) Open Source (4) Panel (1) Payment (1) Photo Gallery (1) Photoshop (2) PHP (3) Production (1) Rekonq (2) Sony Vegas Pro (1) Startups (1) Taskware (1) Technology (1) Ticker (1) Validation (1) Website (3) XHTML (1)

Tuesday, January 17, 2012

Adding a background image to Rekonq: Concept

The default page in Rekonq provides navigation to your favorite pages, downloads, closed tabs, history and the session manager! But it looks quite blunt with a white background. So I decided to add a feature to Rekonq by which you can choose your own background image for the new tab page. Like the "Add favorite" button on the top right corner of the page, there will be a "Change background image" button on the bottom left corner of the page. On clicking the button, a dialog will appear which will allow you to choose a background image from the previous six images you chose. It will also provide you a field to choose a file from your local disk or from the web. On saving that, the new file will be appended to a xml file from which the browser reads the background image. The xml file will contain the name of the image and the address of the image and the information on which is the current image. Since I'm interested in displaying only six images from history, so I don't need to store more than six names in the xml file at any time. Now when we open the browser for the next time, the browser will check the xml file and load the picture in the background. With the coming of HTML5 and CSS3, features like tile, stretch, fill and center can also be added to the widget.

No comments:

Post a Comment