Catch Pikachu in Pokemon Go!

If you ever love to play Pokemon and wanted to catch Pikachu as your first Pokemon will this tutorial will completely thought you how to catch Pikachu when you are newly playing the Pokemon GO.

The easy steps and its very easy to follow upon catching Pikachu in a first game.

Read More

Best Drop Cap Tricks in CSS for all Web Designer and Developers

Best Drop Cap Tricks in CSS for all Web Designer and Developers

I have been compiling this Drop Cap tricks in css, I am really fan of web development and design world, so I came up and idea to wrote this on my blog here, big thanks to Coding Made Simple who inspire me to save this on my blog just incase I want to use it for the future purposes. so below are the top list of drop cap design.

How to create a Drop Cap using CSS?

We can create a simple drop cap effect with first-child and first-letter pseudo elements.

The HTML markup consists of no special code. Just we wrap a set of <p> tags within a <div> block. We want only the first line, first character to be a DROP CAP letter.

We’ll add some basic CSS code to the <div> block to reset the default styles.

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666;  /* set to none if you don't want border */
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #3B444B;
     text-align: justify; 
}

p:first-child:first-letter {
     float: left;
     color: #333;
     font-size: 75px;
     line-height: 60px;
     padding: 5px 5px 0 0;
}

HTML Markup 

<div>
     <p>Simple drop cap effect with CSS styles. </p>
     <p>This is the second paragraph. </p>
     <p>This is the third paragraph. </p>
</div>

Only the first <p> tag’s first character “S” will be a drop cap.

The HTML Markup would be of no difference for the rest of the styles we are going to discuss so I’ll give only the CSS styles for them.

Drop Cap with Border

To the above drop cap, we add some background color and a suitable border to make it more appealing.

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666; /* set to none if you don't want border */
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #3B444B;
     text-align: justify;
     }

p:first-child:first-letter {
     float: left;
     background: #EEE;
     color: #111;
     margin: 6px 3px 0 0;
     padding: 5px;
     font-size: 70px;
     line-height: 60px;
     border: 1px solid #111;
}

---

Next we start with text-shadow property which comes in handy to spice up our drop caps with shadows. With the clever usage of shadows we can pull off amazing text effects. Here, take a little sneak peak at the text shadow property.

Drop Cap Effects with Single Shadow

These styles add a single shadow to the text to create a simple yet elegant drop cap effects.

Classic Drop Cap

The idea behind this style is to add a shadow with a shade lighter than the text with little bit blur radius. You can change the text and shadow color but make sure you use shades from the same color group (I have used green shade in the example).

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666;
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #00611C;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     color: #00611C;
     font-size: 75px;
     line-height: 60px;
     padding: 8px 6px 0 0;
     text-shadow: 0 2px 3px #698B69;
}

Glowing Drop Cap

This style makes the drop cap to glow. Here we should use lighter shade text against dark background.

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666;
     font-family: Georgia;
     font-size: 20px;
     background: #111;
     color: #FFF;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     padding: 10px 6px 0 0;
     background: #111;
     color: #FFF;
     font-size: 70px;
     line-height: 60px;
     text-shadow: 2px 2px 6px #eee;
}

Stand Out Drop Cap

This style gives an effect as though the drop cap stands out of the background frame. Now you can understand how much we can accomplish with text-shadow property. You can change the text color of your choice.

CSS Code

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666; 
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #E0218A;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     color: #E0218A;
     padding: 5px 5px 5px 0;
     font-size: 75px;
     line-height: 60px;
     text-shadow: 4px 4px 4px #666;
}

---

Drop Cap Effects with Double Shadow

We now try some styles using double shadows.

A Classic Double Shaded Drop Cap

This style makes a wise usage of two shadows with a 1px of blur to smooth the contours of the text and gives a well rounded look to the drop cap.

CSS Code

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666;
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #3B444B;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     color: #3B444B;
     font-size: 75px;
     line-height: 60px;
     padding: 6px 6px 0 0;
     text-shadow: 2px 2px 1px #EEE,
     3px 3px 1px #3B444B;
}

Embossed Drop Cap

Always we have awe for embossed text which looks like a bump in the background surface. With the right choice of colors we can bring up this look using text-shadow property. Note that we should use the same color for both text and background.

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666;
     font-family: Georgia;
     font-size: 20px;
     background: #C19E82;
     color: #592720;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     background: #C19E82;
     color: #C19E82;
     padding: 8px 5px 5px 0;
     font-size: 75px;
     line-height: 60px;
     text-shadow: -1px -1px 1px #fff,
     1px 1px 1px #444;
}

---

Drop Cap Effects with Multiple Shadows

Next we see some drop cap effects produced by using multiple text shadows.

3D Drop Cap

This is an interesting 3D style drop cap. The idea is to choose a lighter shade for the text and add multiple shadows to the text with two different colors, one a bit darker and the second one much darker than the text.

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666;
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #592720;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     color: #F7E7CE;
     padding: 3px 10px 5px 0;
     font-size: 70px;
     line-height: 60px;
     text-shadow: 1px 1px 0 #C19A6B,
     2px 2px 0 #C19A6B,
     3px 3px 0 #592720,
     4px 4px 0 #592720,
     5px 5px 0 #592720,
     6px 6px 0 #592720;
}

Smoky Drop Cap

This is a drop cap style that looks like as though you dragged a finger on a smoky glass window. This is one of the best examples of using shadows to spread a color on all the four directions of a text to make a smudge/smoky appearance. Note that we should use the same color for text and background to get the desired effect.

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666;
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #3B444B;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     color: #FFF;
     margin: 6px 3px 0 0;
     padding: 5px 5px 5px 0;
     font-size: 70px;
     line-height: 60px;
     text-shadow: 2px 2px 16px #007FFF,  
     -2px -2px 16px #007FFF,
     -2px 2px 16px #007FFF,
     2px -2px 16px #007FFF;
}

Hollow Outlined Drop Cap

This is one of my favorite text effects which create a complete outlined text. In order to make a hollowed drop cap, set the same background color to the drop cap.

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666; 
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #0047AB;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     color: #FFF;
     padding: 8px 5px 5px 0;
     font-size: 70px;
     line-height: 60px;
     text-shadow: 1px 1px 1px #0047AB, 
     -1px -1px 1px #0047AB,
     -1px 1px 1px #0047AB,
     1px -1px 1px #0047AB;
}

Another 3D Style Drop Cap

Here we go with another 3D style drop cap where we use consecutive darker shades of grey to produce the effect. Of course the text color could be anything of your choice, but it would be more appealing if you stick to stronger shades.

CSS Code 

div {
     margin: 0;
     padding: 0;
     border: 1px dashed #666;
     font-family: Georgia;
     font-size: 20px;
     background: #FFF;
     color: #A9203E;
     text-align: justify;
}

p:first-child:first-letter {
     float: left;
     color: #A9203E;
     padding: 5px 5px 10px 0;
     font-size: 75px;
     line-height: 60px;
     text-shadow: 0 1px 0 #999,
     0px 2px 0 #888,
     0px 3px 0 #777,
     0px 4px 0 #666,
     0px 5px 0 #555,
     0px 6px 0 #444,
     0px 7px 0 #333,
     0px 8px 7px #001114;
}

Recommended Read: How to add Photo Frame Effect to Images using pure CSS

Final Thought

For older browsers, you can apply the above discussed styles to <span> tag and then wrap the required drop cap letter inside the <span> like below.

<div>
     <p><span>S</span>imple drop cap effect with CSS styles. </p>
     <p>This is the second paragraph. </p>
     <p>This is the third paragraph. </p>
</div>

There is no limitation to the text effects we can bring up with CSS3. Just I tried to apply some of those effects to drop caps. Now it’s your call to explore it:). Please don't forget to subscribe to our RSS feed to learn more quality CSS tutorials like this.

Read More

Catch all the Pokemon without going anywhere using [ Xposed Pokemon ]

Xposed Pokemon


Xposed Pokemon module allows you to catch all the pokemons without going anywhere. The module allows you to fake location and allows you to go anywhere you want. The module provides navigation keys to navigate to any place.

Requirements

Root
Xposed Framework
Xposed Pokemon Module

How To

■ Enable Xposed Pokemon Module in Xposed Framework
■ Restart Device
■ Open the Xposed Pokemon application
■ set the start location in the map by touching the map. A marker will be shown in the map
■ Click "Start" in the list.
■ A small window with arrows will appear.
■ Open the Pokemon game and wait for it to load
■ The user will start at the selected location which we selected in the map
■ Using the arrow keys, you can move to that direction

Try it out and catch 'em all !!!

FAQ

■ Why cant I see the popup window when clicking start button?
Go to app security-premissions-premissions-xposed Pokemon and tap display pop up window

■ Why is the character moving in wrong direction?
the joystick works in north,east,south west directions irrespective of the character in the game. so you have to first align the character to face north by using the compass shown in the game.

SCREENSHOTS

DOWNLOAD EXPOSED POKEMON

Read More

Pokemon Go Forum in Asia is now launch!

We all know that pokemon go is release this years 2016, and it is announce officially, while other countries are enjoyig the pokemon go app game, some of countries like here in the Philippines is still waiting for the pokemon go app to be official release many of filipino are looking forward for this game as we all pinoy are also a BIG fan of Pokemon, so in this case we already launch the Pokemon Go Forum in Asia while waiting the app to be release you can now register/signup to this forum and get involve in all topics, share ideas, trading and some techniques.

Visit www.pokemongoasian.com and register for free it is all open to everyone so feel free to share just remember to post your thread on a right category or else we will going to delete it without notice.



THANKS!!!

 Register or Signup Now! 

Read More

How to show or display number of post or topics from Child board topic in parent board SMF

about child count

1> login with admin username and password
2> goto Boards
3> Click on settings
4> mark Count child's posts in parent's totals

about recent items show
1> login with admin username and password
2> Click on current theme
3> Click on Themes and Settings
4> Number of recent posts to display on board index: [------]
To disable the recent posts bar set this value to zero

Read More

How to reset my SMF administrative password

If you forgot your password you can reset it by following these steps:

Go to the SMF script --> Click on 'login' --> Click on 'Forgot your password?' --> Type your 'Username/Email:' from the registration --> Click 'Send'

You will receive e-mail with link which will force new password to be typed.

If you've misspelled the email address when registering or do not remember it, there is another way to force new password change:

Log in cPanel and click on 'phpMyAdmin' from the Databases box.

On the top left box select the database of your SMF. Then click the edit button for the 'smf_members' table --> Find the administrator user and click the pencil button to edit it --> On the field 'passwd' where something like this will stand 'e6053eb8d35e02ae40beeeacef203c1a' change it with the one below. Then click the 'OK' button.

c435fc4b8ad32ee97ec39c636ee9b644ca2c7c57

Now your password is changed to sg123 and you can use it to log in. Then change your password to a new one.

Read More

Do not Change or Fake your Location in Pokemon Go

Do not Change or Fake your Location in Pokemon Go

That random dude on the internet does not care if you get banned.

Pokemon Go is a location-based game, where you have to go to a physical location in the real world in order to accomplish a task and do better in the game. Or is it? Pokemon Go forums are lousy with super secret ways to fake your location in the game so you can more easily get the things you want. Here's the thing, though. The folks that make Pokemon Go have been doing this for a while, and if you follow this one weird trick to score all the Pokemon without leaving your home, you're account is going to be banned in a hurry.

Please trust that it is a lot more fun to get out in the world to play this game.

Niantic, the folks behind Pokemon Go, have been doing location-based gaming for a while now. Their first effort, Ingress, had a serious problem in the early days with folks who thought spoofing their location was a good idea. It caused a lot of problems in the game, so Niantic took some time to make sure there were tools in place to stop people from faking their location.

It's not a perfect system, and there are still people who claim to be very careful about their faked locations in order to get away with this sort of thing. But for every person you find who figured out the ultra-secret method for cheating in Ingress and Pokemon Go, you'll find at least five people who tried to replicate those techniques and got themselves banned. Please trust that it is a lot more fun to get out in the world to play this game. You'll be way happier with the end result!

Read More

Pokémon GO is now release in several countries including Australia, New Zealand, and more countries

There are few games more hotly anticipated than Niantic Labs' Pokémon GO, and now the first non-beta players are getting their hands on it. The Play Store listing is now live for everyone, but only those in select countries will be able to install it right now. Well, unless you head over to APK Mirror where we have the game available for download too.


Pokémon GO is essentially Ingress with Pokémon. I'm sure this will appeal to many people, but don't expect it to be like a real life version of the classic games. I had a chance to play the beta a bit, and the mechanics seemed fairly simple. There weren't a lot of opportunities to battle, and the options available in those instances are very basic. That was the beta, so perhaps it's different now. The early reviews on the Play Store are good, though.

So far, it looks like the game is available to everyone in Australia and New Zealand. It might be live in Japan as well—that was another test market. No sign of official availability in the US yet. Pokémon GO still shows as incompatible for everyone not included in the beta test here. If you just can't wait, the app is available on APK Mirror. Note, the app won't work on Android N yet, and there are some in-app purchases. Those were not in the beta, so I don't know how aggressive they are.

Pokémon GO

144,172 ratings

Offers in-app purchases

by Niantic, Inc.
1,000,000 - 5,000,000 downloads

Appears in a list of Hot Games

QR Code

Install (FREE)

Read More