I just started playing around with the telescope open source project and I wanted to know how do you edit pages for example the signup page. If I wanted to add an picture to the background or something
Swifter, one issue with your question is that the documentation for Telescope outlines how to make small changes to the framework. To make an update like you are suggesting one would need to understand how a "view" loads styles. The documentation has a great walk-through on how to change styles or theme Telescope.
A better question would be, I am coming from an HTML and CSS background. I noticed that Telescope uses SCSS. What is the Telescope/Meteor way to load a custom CSS library into the framework.
one can also take this question to mean: "What is the correct way to alter telescope code?"
which would require you to understand meteor packages
(see docs.meteor.com),
and the use of telescope-packages as the "telescope preferred way" to add your own functionality. You see, telescope is an app you base YOUR app upon, and telescope gets updated periodically and if you are using telescope as the basis for YOUR app, you should consider updating telescope periodically also, and the "package way" allows you to keep your custom code separate from the telescope code.
http://www.telescopeapp.org/docs/customizing/customization-basics/
http://www.telescopeapp.org/docs/customizing/creating-packages/
Related
So I've created a restaurant webpage from scratch (my first full webpage). I want to get into freelance work, but I've heard that a lot of people use WordPress and it's plugins to create websites fast. I'm not really a fan of template editing, but can I use my existing HTML and CSS, upload it to WordPress and edit it there, and utilize WordPress plugins? I really want to add stuff like online ordering, RSVP systems, or mini stores on these sites.
No Problem, you would be able to make custom templates with your existing HTML/CSS/PHP. While having the ability to take advantage of plugins. Using an open source platform like WordPress will give the administrative rights to the restaurant owner, and most likely prevent the requirement for maintaining the website.
Yes, you can use your own HTML, CSS or JavaScript to create a theme and start from there. It might take you longer but you can do it.
Wordpress allows you to create a "Child Theme". With this, you are able to have your own stlying (css) or custom JavaScript. The advantage of doing this is when the theme publisher (assuming you are not the original creator of the theme) updates the theme, all your custom styles and JavaScript will remain intact. That is a good way of going around it.
If you want a quick solution, most themes come with a "Customize" section where you are able to paste your own styling. All the best!
A helpful link on creating child themes is https://developer.wordpress.org/themes/advanced-topics/child-themes/
I made a custom website using html,css etc for a friend who is currently using a weebly platform template for their current website.
After agreeing to use my custom website, I have no clue on how to upload my pages to weebly and avoid using their templates. I've tried to clear the pages and then inputting my own html code and CSS, however, the CSS is not implemented and the html code itself is awkwardly placed. I have tried to google the problem, however, I cannot find any clear instructions or tutorials.
The only reason using I am weebly is because they are currently subscribed to it. So my question is how to use your own coded website with weebly?
Also if there are cheaper options of webhosting feel free to suggest them, since I'll need to use one for the future.
EDIT: I can run each page locally on my PC
Simple answer is, you can't. At least not the way you expect to be able to. Lots of platforms are like this.
That said, you can certainly convert what you've created to something that will work on the Weebly platform. Your Theme/Design, CSS and any custom JavaScript can be converted. The content itself is added using the Weebly editor.
I guess you should ask yourself; Who's going to be editing this website? And does the Weebly platform fit their needs. If it is your friend, and they already have a subscription, and the platform is sufficient for them, I would recommend converting it so it works with Weebly. ~And not create something that they can't manage later.
I'm trying to add this template to active admin on my rails app
http://themeforest.net/item/wintermin-bootstrap-admin-theme/8447093?WT.ac=category_item&WT.z_author=geedmo
But for the life of me, I can't work out where to do it. Has anyone had experience in completing something like this before?
If so, where do i start?
Update
I've created a GitHub project where you can see all open-source themes available for Active Admin. Check out.
I know that the question has almost 2 years, but the first (and accepted) answer doesn't seems to provide enough information. ActiveAdmin already has some custom styles / themes that you can easily integrate with your project. You can start from one of these themes (forking it) and making the needed changes to achieve what you want.
Here's some nice themes for ActiveAdmin:
Active Material
Active Skin
Active Admin Theme
If one of these themes seems okay to you and you don't want to change it, just integrate one of them into your project (it's very easy, as you can read in their documentation).
Looking at the theme, it will be bootstrap with some custom styles.
You need to have bootstrap requested somewhere (i.e a bootstrap for rails type gem, or use CDN) and also include the custom CSS from this theme.
What you then do with it is up to you - it won't magically pop up looking like that unless you have all the same html/erb that is running that demo.
I've been following some tutorials at mediawiki.org but I didn't make it. I need to add a new CSS or JS code to be available in all my wiki (basically be cause I need to add some div tags).
Can you guys help me?
Appreciate that.
You can edit the CSS or JS files used by your wiki at the page names:
MediaWiki:Common.css
MediaWiki:Common.js
For instance, here is the Common.css used by Wikipedia.
There are also similar pages used for specific themes. For instance, if your wiki is using the Vector theme, you can place code specific to that theme at:
MediaWiki:Vector.css
MediaWiki:Vector.js
Editing any of these pages will require admin rights.
If you plan to reuse and extend an existing MediaWiki theme, you do not need to add a new CSS file. It is much easier.
Suppose your Wiki is running on mywiki.local/wiki/, and we use the Vector skin.
Now all you have to do, is to open mywiki.local/wiki/MediaWiki:Vector.css and add the styles for the DIVs you add to pages.
The real question here is: do you plan to modify the skin itself, or do you just plan to add your own DIVs into Wiki pages? Anyway, in both cases you can edit the skin CSS via MediaWiki to avoid hacking around in the file system - which breaks with each update.
Avoid editing MediaWiki files at any cost, upgrades become painful that way.
If you want to make styles for your DIVs in pages available to all MediaWiki skins, you have to edit mywiki.local/wiki/MediaWiki:Common.css. Changes made here are applied to all skins.
In my experience, I had to modify the /skins/Vector.php and /skins/vector/main.css files. Could you explain in more detail what are you trying to do?
I am trying to imitate this tutorial about creating a simple Apple-themed breadcrumb found here:
http://www.jankoatwarpspeed.com/post/2008/08/14/Create-applecom-like-breadcrumb-using-simple-CSS.aspx
Even after looking at the updated example and downloading the source code from here:
http://www.lostsockdesign.com.au/apple-breadcrumb/index.html
I cannot tell how only the HTML and CSS "knows" which page it is currently.
Obviously, if your browser is pointed to "http://www.lostsockdesign.com.au/apple-breadcrumb/index2.html" the browser knows you are on this page, but what part of the HTML or CSS specifies that the breadcrumb should leave out the graphics for the subsequent pages, and fade out the current page graphic?
Sorry for the simple question.. xD
UPDATE:
OK, now that that's solved, anyone have a suggestion for the simplest way to effect a script to work with this tut?
It doesn't.
That tutorial is simply for styling, not for generating the breadcrumbs; you have to do that part yourself, through some sort of scripting or manually.
Re: Update
Breadcrumbs are essentially the current path down the tree that is your site. Start with a site map (not in the XML, SEO sense, but in the actual page structure of your site. For instance:
Home
JavaScript
Vanilla
Gallery
Lightbox
Dice Roller
jQuery
Cycle
Click Tracker
Blog
RSS
Web Development
Object Oriented CSS
Currying Functions in JavaScript
CSS Reset Files
Gaming
Review: Super Mario Bros.
Camping Strategy in Oregon Trail
So Your Mom Wants to Play Wii Golf
Portfolio
DEA Website
We <3 Kittens
Nobody Likes IE6
So, if you're on the page "CSS Reset Files", you follow the tree from the (not shown) root, and show every level you find in the breadcrumbs, resulting in this:
My Site -> Blog -> CSS -> CSS Reset Files
This data can be stored in the database and pulled out using the server side language of your choice, or it could be automatically generated based on directory structure using server-side or client-side scripts, or you could manually code them into each of your pages.
How you do it is entirely up to you, but this is the basic concept.
You don't use HTML and CSS (CSS3 has some limited features like this, but I don't think they're quite ready for prime time yet) to figure out what page you are on. Usually server side software (such as a CMS) is used to output the breadcrumbs, complete with CSS class names that indicate which page is the current one etc.