Don’t you compromise what you want to be

Dream and be
What you feel
Don’t you compromise
What you wanna be

-Stereophonics: Rewind

It’s easy to get stuck doing something for a long time just because probably it pays us, fulfills our desire, makes time pass, even if what we are doing doesn’t really define who we are or who we want to be. As a result, we drag ourselves through each day, just moving along, sometimes barely breathing. We don’t even dream, because it works for us. It’s easy to compromise our dreams. All these strings. These walls. These barriers. Gravity.

What if you can set aside all the doubts, limitations, consequences, logic, responsibilities, the past…

What do you want to be?

My Award, My Moment (Daily Prompt)

I’d like to thank the followers of my blog, or just anyone who happened to see it. =)

Post with a Background Image with Foreground Text using HTML/CSS

Maybe you really like that picture you took and you want to put a text on top of it, and post it without opening an image editor. A quick CSS tweak can make your blog post snazzy and unique.

    Plain Picture to Picture with Foreground Text

Parc Lafontaine in the summer ^_^

1. Upload a picture using your dashboard > media > add new. Select file, after upload has finished, click edit.

3. Get the file URL, copy it somewhere, you’re gonna need it later. Also get the dimensions, width x height

4. Add new post using Dashboard > Posts > Add New

5. At the Add New Post window, set the title, tags , etc then

go to TEXT tab, (yes, we’re coding, don’t worry, this is easy as cake)

6. Now, we can input custom HTML with some CSS styling right into our code (fun right), enter this code

<div style=”background-image:url(”);width:600px;height:338px;”>
<br />
<br />
<br />
<div style=”background-color:rgba(8,8,54,0.5);padding:20px;margin:20px;”>
<h2>Ur text, go crazy</h2>
</div>
</div>

7. The outer div is for the image. Place the file URL we copied earlier inside the background-image:url(‘     ‘)

8. Set the width and height of your image

,for our example, it is

width:600px;height:338px;

9. Now to make our foreground text visible, it is better to set our inner div a background color that will be transparent or semi-transparent to the image, this is accomplished by the background-color:rgba( )

parameters: (red value, green value, blue value, opacity)

You can use a color picker to determine the exact RGB values like this site: COLOR PICKER

Opacity: 1 is for full opacity, color is opaque, not transparent, 0.5 is semi, 0 is full transparency, you can tweak for your needs

<div style=”background-color:rgba(8,8,54,0.5);padding:20px;margin:20px;”>

10. This is the full code for my sample, I put 3 line breaks to place some space before the text div, you can other positioning types, and it also depends on the size of your picture, you can also adjust the margin (the space outside the div text) and padding (the space inside the div text),

<div style=”background-image:url(‘https://lenmorld.wordpress.com/wp-content/uploads/2013/08/20130701_171327_1.jpg&#8217;);width:600px;height:338px;”>
<br />
<br />
<br />
<div style=”background-color:rgba(8,8,54,0.5);padding:20px;margin:20px;”>
<h2>Ur text, go crazy</h2>
</div>
</div>

Please comment. Tell me what you think ^^

Community Pool

The Daily Post

The Community Pool is for those of you looking for input, whether on post ideas, writing, blog design and layout, or anything else. If you have a post, page, or idea you want to bounce off someone, leave a comment. Your fellow bloggers can then click through and offer input either on your site, or in the comments here (feel free to indicate which you’d prefer).

Read on for the ground rules and to leave a comment . . .

View original post 99 more words

PIC – LCD Seconds Counter

Counting seconds with LCD using PIC MCU 16F628A, HD44780 LCD and PicBasicPro for the codes

SCOREBOARD using PIC 16F628A

Scoring circuit using PIC16F628A, two teams, +1 and +2, the later version also includes a -1 and -2, this was the protoype used to build a large scoreboard with 5-inch 7-segment display… PLS RATE / COMMENT! Thanks. ^^

Computer Repair – Montreal

Laptop/ Desktop Services

Services offered:

• Installation / Reinstallation of Windows XP/Vista/7/8/Linux
• LAN and Wireless Networking
• Virus and Malware Removal
• Boot Problems / No Display
• Slow PC
• Blue Screen Errors
• Upgrading
• Cleaning

Contact:

Lenmor LD

438-495-2049

lenmorld@gmail.com

Montreal, Quebec