Hack Community - The Best Ethical Hacking Forums - Web Development

HTML help for touch screen devices

Sat, 15 Jun 2013 20:28:47 +0000

I am building a website and in testing it i find that the when i access it through a ipad the touch feature will not activate the links. Do i need to change the code to get it to work with the touch screen??

HackCommunity MyBB Settings?

Mon, 27 May 2013 13:56:42 +0000

Hi HC Team!

I am also running our own MyBB community but it is not security related and to cut things straight, I was inspired by HC's settings (especially when you guys used MyBB as forum provider)

May I know what plugins or hacks did you used to jumble around things here? I am guessing you installed Tabbed Menu as one of the plugins but I can't seem to pin point if you have another plugin for the dropdown menu.

Feel free to enlighten me, thank you!

Text To Binary

Thu, 16 May 2013 23:18:09 +0000

Here's a quick string to binary converter I wrote using JS:

Webpage Code:

Code:

*I put the function in directly just because I didn't want to bother making everything on the webpage fancy and organized. If someone wants it better, they can improve it if they want.

Could be handy for someone to make a collection of these converters and save it to disk for a browser bookmark; convenience purposes. Even hashing perhaps, not just conversions. We could come up with a collective bunch of things to put on a single webpage to be used as a tool.

The way this works is we split the string up into a character array, before passing it to map() which takes the augmented function for performing an action on every subsequent element of the provided array, before joining it all back together. If you want spaces in between each 8 bit binary string, just use join(' ') at the end instead.

For the function that is performed on each individual char in the string, we add the value of Math.pow(10,8) to the value of the floored value of the char code of the character in question cast to a base 2 value from the toString(2) function, and then cast this numeric value back to a string and call substring(1) on the result to get rid of the additional front '1' that we don't want. This '1' is essential when casting back to a string because if the number started with a 0, those would all get removed in it's numeric format.

for instance:

Code:

alert(0001.toString())

Would return '1', not '0001'. The value of Math.pow(10,8) is 100000000, meaning it won't affect any of the other values when added to the binary result of the char code because the remaining significant digits are all 0's.

edit: I guess instead of Math.pow() you could just use the value itself.. Doesn't really matter though much.
enjoy

Anyone with free time on their hands?

Wed, 15 May 2013 20:39:51 +0000

Comic shop just opened around here and the owner needs a website done. A friend of mine works there and asked me to build it and I could charge him but I only know HTML basics. Would I at least need JavaScript or PHP? But even then I grade my work on HTML as awful.

Would anyone be willing to help out or even create the site for this man as I arrange payment through PayPal? Or if anyone has good sources to learn basics for the other 2 languages. Send a PM if you're free and to set it all up. It shouldn't be a magnificent, heavy coded site only something simple - it's a comic shop.

What you think?

Tue, 14 May 2013 20:32:41 +0000

Has been a long time since i updated my webiste.What you think of

http://hackarchives.org

Please give reviews in terms of content,challenges, design and features.

All type of reviews are welcome

Help me get themeforest

Tue, 14 May 2013 14:31:36 +0000

Hi.
Can anybody help me get themeforest at address http://themeforest.net/item/academy-lear...ew/4169073 ?
I need it but i can't have money order that buy it.

Thank.

Setting Up Mybb On 000webhost

Mon, 13 May 2013 14:09:07 +0000

MyBB, originally MyBulletinBoard, is a free and open source forum software which is developed by the MyBB Group. It is written in PHP, supports MySQL, PostgreSQL and SQLite as database systems and has database failover support. It is licensed under the LGPL.It is extremely easy to use.Infact this forum is made with mybb.
For additional information , click me

000webhost.com lets you host your website for free. It provide you 1500 mb storage without any ads.
Best of all , it allows you to host your own ads in your website. In other words , its 'better than paid hosting'.

More Features

First of all , we need to download mybb 1.6.10. So go to -> http://www.mybb.com/downloads and click on download now button on the right side. Open and extract the zip file to your desktop [ or elsewhere that suits you ].
Just ignore the documentation file. What we will be using basically is the upload folder.

Open up the upload folder and add all the files to a zip archive. We need to do this so that we can upload it to 000webhost without using a ftp software.
Here's the Gif animation for those who don't get it-

Now we need to create an account at http://www.000webhost.com. So head up there and make an account. I believe that you don't require a tutorial on how to register an account. Or do you? If so , give me a pm and I'll modify the thread.
Now login to your account.
You should have something like this-

Click on create new button at the top. In the 2nd textbox [ sub domain ] , enter the url you wish to have.
Enter a good password and click on 'setup new account'. Now open up the cpanel of your domain, which in my case is
testforums.hostei.com. Then go to file manager.
If you dont know which is the file manager , here it is-

Note: Sometimes your session may expire and you will have to re-enter your password.
After the file manager is loaded click on 'public html' folder.Always remember that the websites content [ whatever it is ] should be uploaded to the public folder.
The file manager should look something like this-

Now click on upload button at the top.

Click on 'choose file' button on the right side [ i.e the archive section ].
Browse and choose the the zip archive containing the upload files.
After selecting the file , click on the icon at the top.
Click on button , again after upload.
Now click on button to go back to the file manager.
Now you should have something like this-

The next thing we have to do is rename the config.default.php to config.php.
So click on the 'inc' folder. Select the config.default.php file and click on rename from the top right section.
In the new textbox enter - 'config.php'. It should look like this-

Click on the green tick [ submit ]. It will show that the file was renamed successfully. Click the back button [ an arrow ].

Now we're done with setting up the installer. But we still need to install Mybb.
So go to yourwebsite/install
For eg- my website is - http://testforums.hostei.com/.
Therefore I need to browse to http://testforums.hostei.com/install

Now you should see the setup menu ( or so i like to call it xD ) which would look like this -

Click Next.
Click Next again.
Click Next again [ If you meet the minimum requirements ].
Finally , we have arrived at the Database Configuration part of the setup.
So, we need to create a database for the users.
Head up to your 000Webhost Cpanel and select "MySql" from "Software / Services".
Enter any text [ something related ] for mysql_database name and mysql_database username.
Enter a good password.
Heres me doing it-

Now you should have something like this -

Go the setup and fill up everything. Choose database engine as 'MySql'.
Heres how you fill it [ #SpoonFeeding ]

Now keep on pressing 'next' until you reach Board Configuration.
Use your common sense to fill it up. Leave Cookie Settings and Website url as such.
It should look somewhat like this -

Click Next.Again , use your common sense to fill it up.
Finally , click the last next button.Now you should see a message , telling you that your forum was successfully
created. Browse to your website / forum , login to the admin account and customize your forum.
Heres how your forum should look-

More tutorials.
These videos do not belong to me , credits goes to the ones who made them.

#1 - How to install themes on Mybb

#1 - How to install plugins on Mybb

So with this , Guest , we reach the end of the tutorial.

Credits:-

Tutorial - XxGreenLanternxX

Thanks to Mybb Team for their free and open source Forum Software

I took 2 hours to make this tutorial , it would take you 5 seconds to thank me ( if i've helped ).
I hope you will at least show the courtesy to comment.

Custom MyCode for "contents"

Fri, 03 May 2013 20:24:11 +0000

I made 2 MyCodes for this ID and A.
It works exactly like the contents in a Wiki page.

RegEx

Code:

\[id=(.*?)\](.*?)\[/id\]

Replacement

Code:

$2

Demo

I really want to use URL and not the A, because there is no filter in A's regex but URL is not working with ID.

css Login Form and a button like googles sign up button

Wed, 01 May 2013 12:20:31 +0000

How to make a red button like goggles Sign In button.Feel free to see the working version http://backend-web-developer.tk/Login/

This is what the finished project should look like:

Make a form with the input type with submit,Then proceed to name the class red-btn

Code:

The css.btn-red is the class.We have set the height and width to 30px and width to 100px this field is pretty self explanatory to know what these options do.We then remove the border with border:none; to remove the border from the button.We then set the background to webkit gradient.

Code:

.btn-red{height:30px;width:100px;border: none;color:white;weight:300;background: -webkit-gradient(linear, left top, left bottom, from(#DF0101), to(#B40404));}

For the hover we just add a one pixel small drop shadow

Code:

.btn-red:hover {box-shadow: 1px 1px 1px #888888;}

This will only work for chrome i edited it to make the post look better but if you want to make it work one all browsers visit http://www.colorzilla.com/gradient-editor/ and replace background with the code it gives you

HTTP Header Methods Quick Tutorial

Fri, 19 Apr 2013 22:31:36 +0000

Hi All, I am back with another "sleep destroyer" okay.. forget that term

Today I will cover a very important topic that many people tend to overlook. Very important for Web Development/Web Hacking-Cracking/Pentesting/Bruteforcing.

This topic is HTTP Header Methods.

Every web browser sends to a web server (of the website whose address you accessing) some well-formatted data and receives some data in response. The data sent and received is not a random text. It has a rule-bound format that every web-browser and web server is to follow. This set of rules and the system of data transfer through internet is called Hyper Text Transfer Protocol (HTTP). The current version of it is HTTP 1.1.

Suppose, you are on abc.com and you clicked the link def.com. The browser will send this kind of text to the web server of def.com:

Code:

GET / HTTP/1.1

Host: def.com

The def.com sends a response of this kind to your browser:

Code:

HTTP/1.1 200 OK

Server: nginx

Date: Fri, 20 Apr 2013 22:05:16 GMT

Content-Type: text/html

Content-Length: 148

Connection: close

    <br />
      This Website is S**t<br />
    
    Welcome to the Worst Website on the Internet!

Wow! That's a great response! But looks ugly with those HTTP Headers. What does the browser do now?
It strips the header part and renders just this HTML part on the browser window:

Code:

    <br />
      This Website is S**t<br />
    
    Welcome to the Worst Website on the Internet!

Test Scenario:

So now I think you got the point. We can simulate this with a small tool (that hopefully most of you know) is netcat. Lets send the above GET Request to def.com using netcat!

Code:

nc -v def.com 80

Now netcat expects you to type something. Type this request as used in example above: (write accordingly the part in <> that is for your help!)

Code:

GET / HTTP/1.1 

Host: def.com  

Check out the response you got from web server. Cool right? Hmm.. so that's the very basics.

There is LOADS of stuff you can do with this info! To give you a good head-on for this topic I am also posting this HTTP Methods Reference table that you can take a copy of if you want. Please note that this is for HTTP 1.1 only.

I will be happy if you like this little post and is useful to you. Please comment if you want to ask or confirm anything. I am sorry if I made any typo/other error here, plz let me know!

Thanks!

HTTP Methods

Method	Request	Definition
GET	GET ?query_string HTTP/1.1\r\n Host: \r\n\r\	The GET method is used to retrieve whatever is stored or produced by the resource located at the specified Request-URI. The GET method can be used to request files, to invoke server-side scripts, to interact with server-side CGI programs, and more. When HTML form variables are submitted with the form action set to GET, the form parameters are encoded in a query string and submitted to the HTTP server as part of the Request-URI using the GET request method.
POST	POST HTTP/1.1\r\n Host: \r\n Content-Length: \r\n Content-Type: \r\n\r\n	The POST method is used to submit data to the resource located at the specified Request-URI. Typically, the resource located at the specified Request-URI is a server-side script or CGI program designed to processes form data. When HTML form variables are submitted with the form action set to POST, the form parameters are encoded and submitted to the HTTP server as the body of the POST request message.
HEAD	HEAD HTTP/1.1\r\n Host: \r\n\r\n	"The HEAD method is identical to the GET method except that an HTTP 1.1 server should not return a message-body in the response. The meta-information contained in the HTTP headers in response to a HEAD request should be identical to the information sent in response to a GET request. This method can be used for obtaining meta-information about the entity implied by the request without transferring the entity-body itself. This method is often used for testing hypertext links for validity, accessibility, and recent modification."—Section 9.4, RFC 2616.
PUT	PUT HTTP/1.1\r\n Host: \r\n Content-Length: \r\n Content-Type: \r\n\r\n	The PUT method allows for data to be transferred to an HTTP server and stored at the location identified by the Request-URI.
OPTIONS	OPTIONS HTTP/1.1\r\n Host: \r\n\r\n	"The OPTIONS method represents a request for information about the communication options available on the request/response chain identified by the Request-URI." —Section 9.2, RFC 2616.
DELETE	DELETE HTTP/1.1\r\n Host: \r\n\r\n	"The DELETE method requests that the origin server delete the resource identified by the Request-URI."—Section 9.7, RFC 2616.
TRACE	TRACE HTTP/1.1\r\n Host: \r\n\r\n	"The TRACE method is used to invoke a remote, application-layer loop-back of the request message…. TRACE allows the client to see what is being received at the other end of the request chain and use that data for testing and diagnostic information."—Section 9.8, RFC 2616.
CONNECT	CONNECT HTTP/1.1\r\n Host: \r\n\r\n	The CONNECT message type is used to specify a proxy connection to the resource identified by the Request-URI.

SimpleSite v1.1 (Template System/CMS)

Thu, 18 Apr 2013 22:11:45 +0000

I've been developing SimpleSite for quite some time and would like for people to try it out. You can download the zip from http://simplesite1416.x10.mx/Releases/Si...e_v1.1.zip, for instructions you should look in docs and any questions you have may be asked here. I'm also trying to find out what people will want added as far as modules go and for anyone who wishes to create a module. Thanks for reading and testing the code, I hope to hear your feedback.

CSS 3 Animations

Thu, 18 Apr 2013 11:44:59 +0000

///\\\ Ain't this face too cool?
_|_

You'll probably often see animations on line. Most common types are *.gif images and flash animations. But now have been introduced also CSS animations.

Let's see an example first.
Here is an animation to change background color graduating.

Code:

The first part of the code is easy to understand, assuming you already know CSS.
Let's take a look at the second part.

PHP Code:

animation-name: background; // we're recalling our animation set above
animation-duration: 5s; // duration: you can make it slower by using a larger number or faster with a smaller one
animation-timing-function: linear; // after first loop goes on normally
animation-delay: 0s; // starts with no delay on page-load
animation-iteration-count: infinite; // endlessly looped, default is 1
animation-direction: alternate; // one cycle normal, one reversed
animation-play-state: running; // default is running, else can be paused 

(For noobies: don't run the above code as the comment syntax is wrong and you'd have nothing right. Run the most above one.)

You should have now understood about the properties. There's also an handshort property for animation:

Code:

animation: background 5s linear 0s infinite alternate;

Now, let's try to make a spinning image using transform.

Code:

CSS3
Animation

The above, is the spinning animation you can see here: http://www.w3schools.com/css3/css3_animations.asp .

After all, that's not an hard issue to comprehend.

Hope I've been useful.

Please, note that from and to can replace 0% and 100%.
Example code:

Code:

@-keyframes animated_div

{

from   {transform: rotate(0deg);left:0px;}

50%  {transform: rotate(0deg);left:500px;}

to {transform: rotate(-360deg);left:0px;}

}

A tutorial inspired on the true story of my friend asitkumar.

CSS Beginner Tutorial

Sun, 14 Apr 2013 11:00:31 +0000

Css [ Cascading Style Sheets ] is basically a website styling language which can be used for creating amazing effects.
For eg :- The website you are currently on uses css [ with other languages such as - HTML and PHP ] to create effects
such as the text which glows on hover event. The greatest advantage of css is that you just need to edit the .css file
instead of editing all the individual html files.

CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design).

Let me remind you of something. Before you can learn css you need pre-knowledge of -

Html [ Hyper Text Markup Language ]
Basic Web Knowledge
Interest to learn css syntax.
A brain [ Hope you have it ].

Ok so lets get started with the tutorial. To make this easier , create a folder and add a *.html and *.css file.
As shown below.

Now open up your .html file in notepad and add the usual html code. [ which you should already be knowing ]
Now your html file should look like this:-

Now lets learn the different ways in which you can apply css to a website.
There are basically 3 methods :

In-line
Internal
External

Now I will explain how to use them.

In-line
In the in-line method the css is used inside the html tags.
Lets take a look at an example in which we turn the font color of a paragraph to red.

As we all know the the html tag for paragraph is

.
So the code for a paragraph would be :-

Code:

This is my paragraph

To add the css to this tag we use -

text

So the code for making a specific paragraph red would be:-

Code:

this is my paragraph

Make the specific changes to the html file. It should now look like:

Another example for inline css is shown below. This makes the heading have blue background color.

Code:

Lol this is blue

Click me to see more examples.

Internal
For this we use the style tag.Always remember to keep the style tag inside the tag.
The code for style tag would be:-

Code:

The syntax for css code would be:-

Code:

p

{

color:red

}

If you have more than one css code a semicolon should be added to the first code . Like shown below.

Code:

p

{

color:red;

text-align:center;

}

Now you might be thinking what is the 'p' at the beginning of the code. When you are using css you enter the
text or other data in divisions using the div tags. As shown below:

So if the id is "p" as in :-

This is my text and the whole bla bla bla bla....

Then the css code [ internal ] would be:

External
This is the best way to implement css in your website. For this you need to create an external .css file.
But we already did it. So open up your .css file and add the normal css code for any section.

NOTE: DO NOT ADD THE