Jump to content

Search the Community

Showing results for tags 'Design'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Russian Section
    • Новости и объявления
    • Пиратия: Документация
    • Пиратия: Релизы
    • Пиратия: Разработка
    • Пиратия: Web
    • Пиратия: Помощь
    • Совместные проекты / набор команды
    • Доска объявлений
    • Программирование
    • Оффтопик
    • Корзина
  • English Section
    • News & Announcements
    • Guides
    • Releases
    • Development
    • Web
    • Questions & Help
    • Shared Projects / Team search
    • Paid services & Requests
    • Programming
    • Offtopic
    • Recycle bin
  • Portuguese Section
    • Dúvidas & Ajuda
  • Spanish Section
    • Preguntas y Ayuda
  • Servers
    • Russian servers
    • English servers

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Found 4 results

  1. Hello! i offer design services, logos, Client bg, promo posters, etc and make Videos too. I work with Paypal. Contact: Facebook page: https://www.facebook.com/RichardReisdesign/ Deviantart: http://richardreis.deviantart.com/gallery/ Discord: Richenberg#7608 works examples: Web Ripping: Pirates online Website Ripping: http://pirategames.online/ Pirates online Forum install: http://pirategames.online/forum/index.php Videos: Logos: Apparels: Effects editing:
  2. Hello community ! Today I will guide you trough the steps of creating your own TOP website. When I'm saying "your own" I'm implying that it has a brand new design mostly. ( new functionalities and such needs you to be more skilled in php and some other languages or softwares ) Okay. Shall we begin !? First step : Search the web for a template. An HTML template. as a starting point you can use templatemo.com Almost forgot. Download Notepad++ if you don't have it. ( we are going to use it to edit the files ) I'm going to use the template called "November" ( url ) I have downloaded it. Now let's download also PKO Site by Snowcrash ( you can use any other website, but I prefer using the one with less back-doors and such ) You also need a connection to the databases ( GameDB / AccountServer ) to make sure this new website of yours works. After you have all those things set up, and both websites extracted to desktop in different folders let's jump to second step ! Second step : Open the new template folder you have just downloaded and copy its contents to PKO Site folder. To be easier for you open index.html with notepad and seek the line with the CSS file ( it is between the <head></head> ) (1) <!-- <<Attched Stylesheets>> --> <link rel="stylesheet" href="css/theme.css" type="text/css" /> <link rel="stylesheet" href="css/media.css" type="text/css" /> <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" /> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,600italic,400italic,800,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'> ( This contains the whole CSS files loading so the website displays the design correctly. ) Go back to the root directory of the new website you're creating, open up the folder called templates then open up the folder core. For now we will edit only the header.tpl file. ( Right click it and open it up with Notepad++ ) Now you'll see lots of writings, if you're new to this it might seem crazy, nonsense. Doesn't matter, it isn't nonsense, it is a recipe. Replace these lines : <link rel="stylesheet" href="{$base_url}/css/style.css" type="text/css" media="screen" /> <!--[if IE 6]><link rel="stylesheet" href="{$base_url}/css/style.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="{$base_url}/css/style.ie7.css" type="text/css" media="screen" /><![endif]--> <link rel="stylesheet" href="{$base_url}/css/table.css" type="text/css" media="screen" /> With the lines I mentioned above (1) Save the document. Go back to the root folder of the website>includes>inc.config.php ( Open it up with Notepad++ and edit the database to suit your server ) After you did that open it up on the browser to see what changed. This is mine : It f*cked pretty much everything. ( haha ) Obviously that this was going to happen because all the page template has the wrong codes, and since our header.tpl isn't calling the right recipe in it messes up. No worries. Go back to the root folder of the website>templates>pages>site_index.tpl ( Open it up with Notepad ++ ). Also open Index.html from the template you downloaded ( use Notepad++ ). To see better the template code in the file site_index.tpl go to Notepad++>Language>H>HTML. We can see now that the header.tpl file is mostly the design of this page ( so is for all the other pages ). Now that we know this little detail, we must edit only header.tpl so the website soul can begin growing little by little ( also our knowledge ). Third step : Open up header.tpl from root>templates>core>header.tpl After the body tag ( the <body> thingy ) we can see that it begins to load the website menu ( the one which stands on top of the website ) Search for the code : <div class="art-Header"> <div class="art-Header-jpeg"></div> <div class="art-Logo"> <h1 id="name-text" class="art-Logo-name">{$servername}</h1> <div id="slogan-text" class="art-Logo-text">{$slogan}</div> </div> </div> <div class="art-contentLayout"> <div class="art-sidebar1"> {include file='file:sidebars/left.tpl'} </div> <div class="art-content"> <div class="art-Post"> <div class="art-Post-tl"></div> <div class="art-Post-tr"></div> <div class="art-Post-bl"></div> <div class="art-Post-br"></div> <div class="art-Post-tc"></div> <div class="art-Post-bc"></div> <div class="art-Post-cl"></div> <div class="art-Post-cr"></div> <div class="art-Post-cc"></div> <div class="art-Post-body"> <div class="art-Post-inner"> <div> {foreach item=breadcrumb from=$breadcrumbs} {if $breadcrumb.url eq ""} {$breadcrumb.caption} {else} <a href="{$breadcrumb.url}">{$breadcrumb.caption}</a> &raquo; {/if} {/foreach} </div> And replace it with this ( it is from index.html ) : <!-- \\ Begin Holder \\ --> <div class="DesignHolder"> <!-- \\ Begin Frame \\ --> <div class="LayoutFrame"> <!-- \\ Begin Header \\ --> <header> <div class="Center"> <div class="site-logo"> <h1><a href="#">No<span>vem</span>ber</a></h1> </div> <div id="mobile_sec"> <div class="mobile"><i class="fa fa-bars"></i><i class="fa fa-times"></i></div> <div class="menumobile"> <!-- \\ Begin Navigation \\ --> <nav class="Navigation"> <ul> <li class="active"> <a href="#home">Home</a> <span class="menu-item-bg"></span> </li> <li> <a href="#about">About</a> <span class="menu-item-bg"></span> </li> <li> <a href="#services">Services</a> <span class="menu-item-bg"></span> </li> <li> <a href="#pricing">Pricing</a> <span class="menu-item-bg"></span> </li> <li> <a href="#contact">Contact</a> <span class="menu-item-bg"></span> </li> </ul> </nav> <!-- // End Navigation // --> </div> </div> <div class="clear"></div> </div> </header> <!-- // End Header // --> <!-- \\ Begin Banner Section \\ --> <div class="Banner_sec" id="home"> <!-- \\ Begin banner Side --> <div class="bannerside"> <div class="Center"> <!-- \\ Begin Left Side --> <div class="leftside"> <h3>Responsive<span>Mobile Friendly</span></h3> <p>November is a professional website template that is responsive and mobile friendly for any device. This template is provided by templatemo.com</p> <a href="#about">MORE DETAILS</a> </div> <!-- // End Left Side // --> <!-- \\ Begin Right Side --> <div class="rightside"> <ul id="slider"> <li> <div class="Slider"> <figure><img src="img/Slider-img1.jpg" alt="image"></figure> <div class="text"> <div class="Icon"> <ul> <li><a href="#"><i class="fa fa-heart"></i>700</a></li> <li><a href="#"><i class="fa fa-commenting"></i>150</a></li> </ul> </div> <div class="Lorem"> <p>lorem quis bibendum <span>Necagittis Nibel</span></p> </div> </div> </div> </li> <li> <div class="Slider"> <figure><img src="img/Slider-img2.jpg" alt="image"></figure> <div class="text"> <div class="Icon"> <ul> <li><a href="#"><i class="fa fa-heart"></i>700</a></li> <li class="num"><a href="#"><i class="fa fa-commenting"></i>150</a></li> </ul> </div> <div class="Lorem"> <p>lorem quis bibendum<span>Necagittis Nibel</span></p> </div> </div> </div> </li> </ul> <figure><img src="img/Shadow-img.png" alt="image" class="Shadow"></figure> </div> <!-- // End Right Side // --> </div> </div> <!-- // End banner Side // --> <div class="clear"></div> </div> <!-- // End Banner Section // --> <div class="bgcolor"></div> <!-- \\ Begin Container \\ --> <div id="Container"> <!-- \\ Begin About Section \\ --> <div class="About_sec" id="about"> <div class="Center"> <h2>about us</h2> <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit<br> amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.</p> <div class="Line"></div> <!-- \\ Begin Tab side \\ --> <div class="Tabside"> <ul> <li><a href="javascript:;" class="tabLink activeLink" id="cont-1">Mision</a></li> <li><a href="javascript:;" class="tabLink" id="cont-2">vision</a></li> <li><a href="javascript:;" class="tabLink" id="cont-3">Sponsors</a></li> </ul> <div class="clear"></div> <div class="tabcontent" id="cont-1-1"> <div class="TabImage"> <div class="img1"> <figure><img src="img/about-img2.jpg" alt="image"></figure> </div> <div class="img2"> <figure><img src="img/about-img1.jpg" alt="image"></figure> </div> </div> <div class="Description"> <h3>Sed ac urna sit amet lorem<span>taciti sociosqu ad litora torquent per conubia</span></h3> <p>November is free HTML CSS website template from <span class="cyan">templatemo</span> and you can download and use it for any purpose. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam elit nunc, porta commodo euismod eu, fermentum a neque. Fusce scelerisque tincidunt auctor. Integer varius ullamcorper interdum.</p> <p>Phasellus pretium elementum rhoncus. Aenean sit amet odio eu ante volutpat rutrum. Vestibulum ullamcorper faucibus orci, in blandit massa fringilla at. Nulla in fermentum eros. Suspendisse vitae aliquam metus.</p> </div> </div> <div class="tabcontent hide" id="cont-2-1"> <div class="TabImage"> <div class="img1"> <figure><img src="img/about-img2.jpg" alt="image"></figure> </div> <div class="img2"> <figure><img src="img/about-img1.jpg" alt="image"></figure> </div> </div> <div class="Description"> <h3>Smauris vitae consequat<span>Vestibulum ullamcorper faucibus orci</span></h3> <p>Consequat ipsum, nec sagittis sem nibh id elit. Dui sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Namslo nec tellus a odio tincidunt auctor a ornare odio. Smauris vitae erat consequat sitsrl amet soi mauris auctor eu in elit. </p> <p>Class aptent taciti sociosqu ad litora torquent per conubia nostraper inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus.</p> </div> </div> <div class="tabcontent hide" id="cont-3-1"> <div class="TabImage"> <div class="img1"> <figure><img src="img/about-img2.jpg" alt="image"></figure> </div> <div class="img2"> <figure><img src="img/about-img1.jpg" alt="image"></figure> </div> </div> <div class="Description"> <h3>Donec molestie malesuada nisl <span>Aenean eget consequat diam</span></h3> <p>Nullam at sem non enim aliquam ultrices non quis magna. In interdum interdum magna vitae accumsan. Etiam turpis tortor, malesuada vitae metus non, pharetra auctor mi. Pellentesque tincidunt enim vitae tincidunt euismod. Integer id ex enim. Nullam euismod efficitur libero quis interdum.</p> <p>Phasellus porttitor tempus nibh, id luctus nibh porta ac. Nunc sed metus est. Proin ut nisi metus. Duis consectetur purus iaculis ornare suscipit.</p> </div> </div> <div class="clear"></div> </div> <!-- // End Tab Side // --> </div> </div> <!-- // End About Section // --> <!-- \\ Begin Services Section \\ --> <div class="Services_sec" id="services"> <div class="Center"> <h2>our Services</h2> <p> Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent<br> taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <div class="Line"></div> <!-- \\ Begin Services Side \\ --> <div class="Serviceside"> <ul> <li class="Development"><a href="#services"><h4>DEVELOPMENT</h4></a></li> <li class="Desdin"><a href="#services"><h4>DESIGN</h4></a></li> <li class="Concept"><a href="#services"><h4>CONCEPT</h4></a></li> <li class="System"><a href="#services"><h4>SYSTEM</h4></a></li> </ul> </div> <!-- // End Services Side // --> </div> </div> <!-- // End Services Section // --> <!-- \\ Begin Pricing Section \\ --> <div class="Pricing_sec" id="pricing"> <div class="Center"> <h2>Pricing</h2> <p>All plans come with unlimited disk space. Our support can be as quick as 15 minutes to get a response. Sed non<br> mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu.</p> <div class="Line"></div> <!-- \\ Begin Pricing Side \\ --> <div class="Pricingside"> <ul> <li> <div class="Basic"> <h5>basic</h5> </div> <div class="Dollar"> <h2>$27.50</h2> </div> <div class="Band"> <p>2,000 GB <span>Band width</span></p> </div> <div class="Band"> <p>32 GB<span>memory</span></p> </div> <div class="Band"> <p>Support<span>24 Hours</span></p> </div> <div class="Band last"> <p>Update<span>$20</span></p> </div> <div class="Order"> <a href="#">order now</a> </div> </li> <li> <div class="Basic"> <h5>Biz</h5> </div> <div class="Dollar"> <h2>$44.50</h2> </div> <div class="Band"> <p>5,500 GB <span>Band width</span></p> </div> <div class="Band"> <p>64 GB<span>memory</span></p> </div> <div class="Band"> <p>Support<span>1 Hour</span></p> </div> <div class="Band last"> <p>Update<span>$10</span></p> </div> <div class="Order"> <a href="#">order now</a> </div> </li> <li> <div class="Basic"> <h5>Pro</h5> </div> <div class="Dollar"> <h2>$72.50</h2> </div> <div class="Band"> <p>12,000 GB <span>Band width</span></p> </div> <div class="Band"> <p>128 GB<span>memory</span></p> </div> <div class="Band"> <p>Support<span>15 Mins</span></p> </div> <div class="Band last"> <p>Update<span>Free</span></p> </div> <div class="Order"> <a href="#">order now</a> </div> </li> </ul> </div> <!-- // End Pricing Side // --> </div> </div> <!-- // End Pricing Section // --> <!-- \\ Begin Contact Section \\ --> <div class="Contact_sec" id="contact"> <div class="Contactside"> <div class="Center"> <h2>contact us</h2> <p>Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum<br> feugiat velit mauris egestas quamut aliquam massa nisl quis neque. Suspendisse in orci enim.</p> <div class="Line"></div> </div> </div> <div class="Map"> <div id="GoogleMap"></div> </div> <!-- \\ Begin Get Section \\ --> <div class="Get_sec"> <div class="Mid"> <!-- \\ Begin Left Side \\ --> <div class="Leftside"> <form action="#"> <fieldset> <p><input type="text" value="" placeholder="NAME" class="field"></p> <p><input type="email" value="" placeholder="EMAIL" class="field"></p> <p><input type="text" value="" placeholder="TITLE" class="field"></p> <p><textarea cols="2" rows="2" placeholder="MESSAGE"></textarea></p> <p><input type="submit" value="send" class="button"></p> </fieldset> </form> </div> <!-- // End Left Side // --> <!-- \\ Begin Right Side \\ --> <div class="Rightside"> <h3>Get in touch !</h3> <address> 990 Proin Gravida Street, Aliquet Snean Tate,<br>Lincoln Way, San Francisco, California. </address> <address class="Number"> (+001) 001 002 0034, (+002) 009 008 0760<br>(+003) 456 050 0670 </address> <address class="Email"> <a href="mailto:[email protected]">[email protected]</a> </address> <div class="clear"></div> <ul> <li><a rel="nofollow" href="http://www.facebook.com/templatemo" target="_parent"><img src="img/facebook-icn.png" alt="image"></a></li> <li><a href="#"><img src="img/twitter-icn.png" alt="image"></a></li> <li><a href="#"><img src="img/google-plus-icn.png" alt="image"></a></li> </ul> </div> <!-- // End Right Side // --> </div> Let's check out the result : As you can see, now the website has the proper template in, but there are some glitches. It isn't displaying correctly. ( almost all the new responsive templates come up with another scripts near the footer ) Even this has some : <!-- <<Attched Javascripts>> --> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script> <script type="text/javascript" src="js/global.js"></script> <script type="text/javascript" src="js/modernizr.js"></script> Go back to root>templates>core> and open up footer.tpl with Notepad++ Replace everything there with the footer from the other new template, in my case : <!-- \\ Begin Footer \\--> <footer> <div class="Cntr"> <p>COPYRIGHT © 2084 COMPANY NAME. DESIGN: <a rel="nofollow" href="http://www.templatemo.com" target="_parent">TEMPLATEMO</a></p> </div> </footer> <!-- // End Footer // --> </div> <!-- // End Get Section // --> </div> <!-- // End Contact Section // --> </div> <!-- // End Container // --> </div> <!-- // End Layout Frame // --> </div> <!-- // End Design Holder // --> <div id="loader-wrapper"> <div id="loader"></div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> </div> <!-- <<Attched Javascripts>> --> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script> <script type="text/javascript" src="js/global.js"></script> <script type="text/javascript" src="js/modernizr.js"></script> </body> </html> Now the website works smooth as it should. Fourth step : In order to edit all the pages, you must now remove the middle side from header.tpl and configure it so the template works how you want. It is pretty hard to explain it all for newbies, but those who get it fast they will see the differences. For now I'll leave the tutorial at this, I know it is more a starting point to new TOP templates, but have never seen one guide like this. Video coming up with me finishing this template from 0% to 100%. Until then. Good luck & Enjoy TOP/PKO and LIFE .
  3. Hello everyone! I'm here tonight to offer my service of Graphic Designer, i can make logos, social media images, client backgrounds, any image you need. The prices are according to the customer's need. 50% will be charged in advance and the other 50% before sending the final product. All payments will be made in Paypal. Contact info: Facebook Discord: Lob#4381 Gallery:
  4. Anyone knows how to disable keyboard in the login panel (in-game login panel)in login.clu?) i tried most of the stuff that related to keyboard but doesn't seems to work. Does anyone knows where i can disable it until player click keyboard icon.
×
×
  • Create New...