a7wazian 1 Posted February 21, 2017 Report Share Posted February 21, 2017 hihttp://s4.img7.ir/W3NjE.png i want make left or right sidebar for my bot!!! need exam for this.please Quote Link to post Share on other sites
gandensang 11 Posted February 21, 2017 Report Share Posted February 21, 2017 This my softwareInterest to purcase my source code But not cheap... Quote Link to post Share on other sites
a7wazian 1 Posted February 21, 2017 Author Report Share Posted February 21, 2017 (edited) This my softwareInterest to purcase my source code But not cheap... ok , but I just asked questions about sidebar !!! I used your image for example!I do not need your source, my bro.What are you laughing ؟!!!!!! Edited February 21, 2017 by a7wazian Quote Link to post Share on other sites
HelloInsomnia 1103 Posted February 21, 2017 Report Share Posted February 21, 2017 XAML Plugin can set the browser in the middle like that. It's in the Store. 1 Quote Link to post Share on other sites
a7wazian 1 Posted February 21, 2017 Author Report Share Posted February 21, 2017 XAML Plugin can set the browser in the middle like that. It's in the Store.thanks my friend Quote Link to post Share on other sites
deliter 203 Posted February 22, 2017 Report Share Posted February 22, 2017 Paste the above into a load HTML or HTML Panel, the screen needs to be full screen otherwise the left right panels will move around to fit into the window, only something basic but you get an idea google some bootstrap templates for left and right side panels, use the ubot onClick thing will will need to find out about that on here, that fires a ubot function when clicked To edit save as a .html file, then download a code writer like visual studio code, and edit, open the file in your browser and refresh your browser to see the changes <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <style> body { padding-bottom: 40px; padding-top: 60px; } .sidebar-nav-fixed { width:14%; } </style> </head> <body> <div class="navbar navbar-fixed-top navbar-default"> <div class="container"> <div class="navbar-header"><a class="navbar-brand" href="#">Project name</a><a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="glyphicon glyphicon-bar"></span> <span class="glyphicon glyphicon-bar"></span> <span class="glyphicon glyphicon-bar"></span> </a> </div> <div class="navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a> </li> <li><a href="#about">About</a> </li> <li><a href="#contact">Contact</a> </li> </ul> </div> <!--/.navbar-collapse --> </div> </div> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="sidebar-nav-fixed affix"> <div class="well"> <ul class="nav "> <li class="nav-header">Sidebar</li> <li class="active"><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li class="nav-header">Sidebar</li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li class="nav-header">Sidebar</li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> </ul> </div> <!--/.well --> </div> <!--/sidebar-nav-fixed --> </div> <!--/span--> <div class="col-md-6"> <div class="jumbotron"> <h1>Hello, world!</h1> <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p> <p><a class="btn btn-primary btn-lg">Learn more »</a> </p> </div> </div> <!--/span--> <div class="col-md-3"> <div class="sidebar-nav-fixed pull-right affix"> <div class="well"> <ul class="nav "> <li class="nav-header">Sidebar</li> <li class="active"><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li class="nav-header">Sidebar</li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li class="nav-header">Sidebar</li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> </ul> </div> <!--/.well --> </div> <!--/sidebar-nav-fixed --> </div> <!--/span--> </div> <!--/row--> <footer> <p>© Company 2012</p> </footer> </div> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> <!--/.fluid-container--> 1 Quote Link to post Share on other sites
a7wazian 1 Posted February 22, 2017 Author Report Share Posted February 22, 2017 Paste the above into a load HTML or HTML Panel, the screen needs to be full screen otherwise the left right panels will move around to fit into the window, only something basic but you get an idea google some bootstrap templates for left and right side panels, use the ubot onClick thing will will need to find out about that on here, that fires a ubot function when clicked To edit save as a .html file, then download a code writer like visual studio code, and edit, open the file in your browser and refresh your browser to see the changes <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <style> body { padding-bottom: 40px; padding-top: 60px; } .sidebar-nav-fixed { width:14%; } </style> </head> <body> <div class="navbar navbar-fixed-top navbar-default"> <div class="container"> <div class="navbar-header"><a class="navbar-brand" href="#">Project name</a><a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="glyphicon glyphicon-bar"></span> <span class="glyphicon glyphicon-bar"></span> <span class="glyphicon glyphicon-bar"></span> </a> </div> <div class="navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a> </li> <li><a href="#about">About</a> </li> <li><a href="#contact">Contact</a> </li> </ul> </div> <!--/.navbar-collapse --> </div> </div> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="sidebar-nav-fixed affix"> <div class="well"> <ul class="nav "> <li class="nav-header">Sidebar</li> <li class="active"><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li class="nav-header">Sidebar</li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li class="nav-header">Sidebar</li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> </ul> </div> <!--/.well --> </div> <!--/sidebar-nav-fixed --> </div> <!--/span--> <div class="col-md-6"> <div class="jumbotron"> <h1>Hello, world!</h1> <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p> <p><a class="btn btn-primary btn-lg">Learn more »</a> </p> </div> </div> <!--/span--> <div class="col-md-3"> <div class="sidebar-nav-fixed pull-right affix"> <div class="well"> <ul class="nav "> <li class="nav-header">Sidebar</li> <li class="active"><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li class="nav-header">Sidebar</li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li class="nav-header">Sidebar</li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> <li><a href="#">Link</a> </li> </ul> </div> <!--/.well --> </div> <!--/sidebar-nav-fixed --> </div> <!--/span--> </div> <!--/row--> <footer> <p>© Company 2012</p> </footer> </div> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> <!--/.fluid-container--> thanks my friend.But how the browser is loaded in the middle of the screen ؟! marked browser with green line on image. http://uupload.ir/files/il2r_the-grams-blaster-scrap-user-followers.png Quote Link to post Share on other sites
deliter 203 Posted February 22, 2017 Report Share Posted February 22, 2017 thanks my friend.But how the browser is loaded in the middle of the screen ؟! marked browser with green line on image. http://uupload.ir/files/il2r_the-grams-blaster-scrap-user-followers.png you use an iframe, replace whatever code is in the middle with an iframe, probably easier to use that xaml plugin and place an actual browser in the middle or pay someone for a UI, wouldnt cost that much I would guess 1 Quote Link to post Share on other sites
a7wazian 1 Posted February 23, 2017 Author Report Share Posted February 23, 2017 you use an iframe, replace whatever code is in the middle with an iframe, probably easier to use that xaml plugin and place an actual browser in the middle or pay someone for a UI, wouldnt cost that much I would guesstanks ,If possible give me any exam for this.Because I'm designing in dreamweaver. Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.