CsViewer

Upload the folder csViewer to the /wp-content/plugins/ directory Activate the plugin through the ‘Plugins’ menu in WordPress Place [csviewer ip="mydomain.com" port="26015"] on any WordPress Page or Article and change the ip and the port. 4.(optional) Password

• Show password and add it to the autoconnect-url, so no password request from steam will displayed. [csviewer ip=”mydomain.com” port=”26015″ password=”mypassword”]
• You can add the password to the autoconnect-url without displaying the password on the website.(on the HTML you see the password anyway!) [csviewer ip=”mydomain.com” port=”26015″ password=”mypassword” hidepassword=”true”]

5.(optional) add this CSS Lines in to the CSS from your Template

table.server_data { width:60%; max-width: 280px; float:left; margin: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } table.server_data td { border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 4px 2px 4px 10px; } table.server_data td.last { border-right: none; } table.server_data td.strong { width: 100px; }

Your webhoster must allow the access to the socket-connection, because i use the php function ‘fsockopen’.

To show more then one Serverview you can make a div with topmargin 250px.

Example:

Public War Server [csviewer ip=”mydomain.com” port=”27055″]

Deathmatch Server [csviewer ip=”mydomain.com” port=”27045″]

Deathmatch Server [csviewer ip=”mydomain.com” port=”27045″]

Yes you can change the CSS for the attributes ‘table.server_data’

Example:

table.server_data { width:60%; max-width: 280px; float:left; margin: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } table.server_data td { border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 4px 2px 4px 10px; } table.server_data td.last { border-right: none; } table.server_data td.strong { width: 100px; }