Computing desk
< March 21	<< Feb \| March \| Apr >>	March 23 >

Welcome to the Wikipedia Computing Reference Desk Archives
The page you are currently viewing is an archive page. While you can leave answers for any questions shown below, please ask new questions on one of the current reference desk pages.

March 22

Creating maps

Hi there,
I wonder how to create a map.
for example

I assume that he did not draw with paint. 00:01, 22 March 2014 (UTC) — Preceding unsigned comment added by 84.229.20.78 (talk)

No, it's safe to say that map was not drawn in Paint. :-)

Have a look at our article on Geographic Information Systems. If you want to pay a lot of money for a program that can draw maps like that (and manipulate all sorts of data related to the map), try ArcGIS. If you want free software that does the same thing, look at QGIS or GRASS GIS, and the OpenStreetMap project. —Steve Summit (talk) 12:12, 22 March 2014 (UTC)reply

Also see cartography.--Shantavira|^{feed me} 14:31, 22 March 2014 (UTC)reply

Remove Watermark from video..!

Is it possible to remove watermark from video? If yes, how can I do that? Which are the softwares that help to do it?--Joseph 05:35, 22 March 2014 (UTC)reply

It should certainly be possible to almost completely remove it. I say "almost" because a slight difference in quality might remain. For example, say a given watermark works by making the pixels half as bright. If, on a scale of 0-100, two adjacent pixels were 50 and 51 bright originally, they might both be reduced to 25 brightness by the watermark, and both be restored to 50 bright after, so the one pixel isn't exactly the same brightness as it was originally.

The only real difficulty I see is in identifying which pixels were included in the watermark. If the font, size, etc., can be identified, a computer program could probably take it from there. Also, if the watermark is variable, so reduces the brightness by different amounts in different areas, you'd have to know, or be able to figure out, what the original formula was.

Ideally, if you could run the software to create a watermark of the same type on a test background, the watermark removal program should be able to figure out what it did and reverse the process. StuRat (talk) 15:30, 22 March 2014 (UTC)reply

Resolved

If you have a frame which is entirely black (or white), you can start from there. Then you only have to tell RGB color from alpha (transparency). Because of the lossy compression usually used, the quality loss can still be noticeable; it is usually better (but not always possible without losing important content) to crop the watermark out. - ¡Ouch! (^{hurt me} / _{more pain}) 08:06, 24 March 2014 (UTC)reply

Learning HTML, CSS and jQuery for free...!

Hi, How can I learn HTML, CSS and jQuery for Web designing for free?--Joseph 05:41, 22 March 2014 (UTC)reply

You should find plenty of tutorials on the web. The link articles may even lead you to some. Start simple, learn some basic html first, then some styling with CSS then learn some javascript and finally jQuery. There are some places on our sister sites which may help:wikibooks:HyperText Markup Language wikiversity:HTML, wikiversity:Web Design/HTML Challenges.--Salix alba (talk): 07:23, 22 March 2014 (UTC)reply

Once you've learnt the basics, it is instructive to save a web-page with an interesting layout to your local hard drive, and then to take it apart at the <div> tags to determine how it works. Likewise, you can edit the CSS to see how they affect its layout. CS Miller (talk) 12:20, 22 March 2014 (UTC)reply

Resolved

Facebook Related Question

When a message is sent someone to whom a friend request is sent on facebook it went to his other mail folder(as notified by message) but now it is going to inbox although it shows friend request is not accepted yet that pending .Why does it so happen and what can be concluded from this .117.194.232.154 (talk) 17:18, 22 March 2014 (UTC)reply

FB messages will go to the recipient's inbox if the sender is a friend, or a friend-of-a-friend. Is there now a friend in common, when there were none before? CS Miller (talk) 18:36, 22 March 2014 (UTC)reply

HTML code for particular pagination

Hi, can anyone provide the HTML code to get a pagination as in this picture? I would like to use it in my blog. I've already used a code there.

Here is the code I am using currently.

source code

/* Page Navigation styles */
.showpageNum a {
  background: #000000;
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #000000;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  background: #FFFFFF;
  border:1px solid #000000;
  }

.showpagePoint {
  color:#000000;
  text-shadow:none;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #000000;
  background: #FFFFFF;
  text-decoration: none;
  }

/*...........................................................*/

<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=6;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='/files/colorizetemplates-pagenav.js' type='text/javascript'></script>
<!--Page Navigation Ends -->

So, it will be good, if anyone could say what modifications should I need to do, to get a pagination as in the picture. Thanks in advance. --Joseph 17:24, 22 March 2014 (UTC)reply

Not sure what you want... the HTML you're using seems to work fine for pagination. Is it that you want your navigation buttons to look more like the picture? The issues I can see is that the border radius is not appearing because it is being overridden by the padding, and the default blue for links could also be overridden:

source code

.showpageNum a, .showpage a {
  background: #000000;
  padding: 0 8px; /* changed this from 3px 8px */
  margin: 0 4px; 
  text-decoration: none;
  color:#ffffff; /* added white colour to override default link blue */
  border:1px solid #000000;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;

There is also no style definition for the class "showpage" which is why it the word "Previous" still appearing blue, so I have added it to the above definition so it is the same as the word next, you will also add it to the hover definition as well (I don't know if you can change the div name for Previous as it seems to be linking to an external script):

source code

.showpageNum a:hover, .showpage a:hover {
  background: #ffffff;
  border:1px solid #000000;
  }

--Canley (talk) 01:18, 23 March 2014 (UTC)reply

Thank for your continuous help and support. Sir, I made changes as you said above. But I need to get something exactly as in the above picture..! What should I do?

What does this code mean?

<script src='/files/colorizetemplates-pagenav.js' type='text/javascript'>

How can I create a script of my own? --Joseph 06:16, 23 March 2014 (UTC)reply

Sorry, I had the wrong comment markup, remove the double slashes and the text after it (or replace as above enclosed in ). That should work. --Canley (talk) 07:17, 23 March 2014 (UTC)reply

You can download the script which is being imported from googlecode.com, and place it in script tags, then you can alter it. You shouldn't need to though, as I said it works fine and you should be able to do all the layout with CSS. --Canley (talk) 07:17, 23 March 2014 (UTC)reply

You'll also need to change the padding in the showpagePoint class to

padding: 0 8px;

If you want Previous to be white with a black border, then add it to the definition for showpagePoint:

source code

.showpagePoint a, .showpage a {
  color: #000000;
  padding: 0 8px;
  margin: 0 4px; 
  text-decoration: none;
  color:#000000;
  border:1px solid #ffffff;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

--Canley (talk) 07:23, 23 March 2014 (UTC)reply

Sir, now this is the code I'm using as per your latest edits. Yet, I couldn't see black borders on four sides when a page is selected or when cursor is hovered above it in my blog..! Everything other than it is fine and nice..! Thanks for it. If you don't mind can you have a look at the code and correct it? Also, how can I create my own codes in Google Code? Thanks again for your great help.

source code

/* Page Navigation styles */
.showpageNum a, .showpage a {
  background: #000000;
  padding:0 8px; 
  margin:0 4px; 
  text-decoration: none;
  color:#ffffff; 
  border:1px solid #000000;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

.showpageOf {
  margin:0 8px 0 0;
}
.showpageNum a:hover, .showpage a:hover {
  color:#000000;
  background: #ffffff;
  border:1px solid #000000;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  }

.showpagePoint, .showpage a {
  color: #000000;
  padding: 0 8px;
  margin: 0 4px; 
  text-decoration: none;
  color:#000000;
  border:1px solid #ffffff;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

--Joseph 10:21, 23 March 2014 (UTC)reply

I've made some edits, try that. It does appear a bit differently in Safari to Chrome, so I could see it working but you maybe using Chrome so the top and bottom borders were disappearing. --Canley (talk) 22:47, 23 March 2014 (UTC)reply

Yeah. Everything fine now..! Thanks for your invaluable help Canley..!--Joseph 10:15, 24 March 2014 (UTC)reply

Resolved

This page was redesigned at the edge.

A page that knows where it met you.

Wikipedia:Reference desk/Archives/Computing/2014 March 22

March 22

Creating maps

Remove Watermark from video..!

Learning HTML, CSS and jQuery for free...!

Facebook Related Question

HTML code for particular pagination