Are you a web developer and want to implement tinymce on your website to make it easy during writing and posting of content to be viewed with some awesome formatting like text color,text size,tables,inserting image,paragraph without any coding,tinymce will do that for you.Today we are going to take a little tutor on how to install tinymce on your website automatically without any coding required.

In this tutorial we are going to be looking at how to install tinymce within a shortest period of time and get it running on your website.

Tinymce can be installed in two ways and we are taking them step by step.

The first one is running it on the cloud.Running tinymce on the cloud just copy and paste this code on your HTML head tags

Today we are looking at how to create a responsive table for your website.Are you hearing responsive for the first time,responsive is just an approach we employ in website design to make the web page page resizable to the device window.

In this instance if you have a web page in your website which window is large that when view on a smaller window,you can not see all the data represented,that when responsive now comes in.

Let proceed on designing a responsive table,just relax as we move step by step.Steps To Create A Responsive Table

• Create a CSS file for your table,for the tutorials we are going to create CSS file name style.css ,do not forget when creating a CSS file to add .css extension.Copy and Paste the below code to your editor and name it style.css

table {

border-collapse: collapse;

border-spacing: 0;

width: 100%;

border: 1px solid #ddd;

}

th, td {

border: none;

text-align: left;

padding: 8px;

}

tr:nth-child(even){background-color: #f2f2f2}

div {

overflow-x:auto;

}

• Next write the html for your table with the code as shown below,you can modify to suite your own project.

<div>

<table>

<tr>

<th>First Name</th>

<th>Last Name</th>

<th>First Game</th>

<th>Second Game</th>

<th>Third Game</th>

<th>Fourth Game</th>

<th>Fifth Game</th>

<th>Sixth Point</th>

<th>Seventh Game</th>

<th>Eighth Game</th>

<th>Nineth Game</th>

<th>Total Points</th>

</tr>

<tr>

<td>Bernard</td>

<td>Benedict</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>450</td>

</tr>

<tr>

<td>Evelyn</td>

<td>Macpherson</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>846</td>

</tr>

<tr>

<td>Benson</td>

<td>Benjamin</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>603</td>

</tr>

</table>

</div>

• Here is the complete code for the responsive table as shown below.Copy and paste to your code editor modify to your own taste and save it with anyname.html

<!DOCTYPE html>

<html>

<head>

<title>Responsive Table</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<div>

<table>

<tr>

<th>First Name</th>

<th>Last Name</th>

<th>First Game</th>

<th>Second Game</th>

<th>Third Game</th>

<th>Fourth Game</th>

<th>Fifth Game</th>

<th>Sixth Point</th>

<th>Seventh Game</th>

<th>Eighth Game</th>

<th>Nineth Game</th>

<th>Total Points</th>

</tr>

<tr>

<td>Bernard</td>

<td>Benedict</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>50</td>

<td>450</td>

</tr>

<tr>

<td>Evelyn</td>

<td>Macpherson</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>94</td>

<td>846</td>

</tr>

<tr>

<td>Benson</td>

<td>Benjamin</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>67</td>

<td>603</td>

</tr>

</table>

</div>

</body>

</html>

I believe this tutorial has been useful to you,please do not forget to share with a friend and also subscribe with us to get the latest updates.

Contact form as the name implies is a medium of interaction between a website owner and the viewer. The contact us form allow visitors to communicate with the site owner from the website. Using the contact us form, visitors can easily submit their query, views, opinions and suggestions to the site administrator about the website, service or product that is been provided by the site.

Contact us form is very crucial in website for easy communication between the viewer and the site owner.Through this medium the viewer send the administration email base on the services been offered and this medium also help the administrator to have quick response to this client.

In this tutorial we are taking a tour on how to create a basic contact us form using PHP,CSS and HTML in building this system. Contact us notify the admin via email whenever there is a request from client or suggestion.

This tutorial is divided into three parts the PHP part which serve as the engine per say,HTML which is just like the body and also the CSS which gives the HTML a beautiful layout.We are going to take it one step at a time,so relax as we move on.

Steps Involves in Creating A Simple Contact Us FormBelow are some of the steps which we are going to be undertaking.

1. Create a Database if you have not done that and if you do not know how to create a database follow our tutorials on how to create a database here.

2. Create the HTML page.In this section we are going to create a HTML page that will collect our values from our client and submit it to our website database and admin email account by adding the given below code to our HTML page of our website.

3.The Next step,is to create our PHP page that will help in posting this values to our database and and to admin email account by verifying the email, checking for blank input etc,escaping some variables before posting it to our database.Copy and Paste the below code to PHP page and save with .php extension.

I believe this tutorial has help you a lot in carrying out this simple project on your website,do not forget to share with a friend by clicking on the share button below and you can also subscribe to get the latest update delivered to your inbox by clicking here