Eliminating External (Commercial) References/Creating my own design/Stylesheets

[User 12046748]

hello again... please take a look at this site in progress: http://www.moonjams.net/cho2.html I used a bootstrap design I nicked from GetBootstrap, because: 1) I very much liked the overlapping of the intro text & intro image in the section class 2) The fact that the main navbar is placed below the header (in fact...my entire design premise is built around those two aspects; & the image collage above the footer)...but...the entire design is also linked to an external GetBootstrap stylesheet...meaning that, if that stylesheet were ever yanked from that site, my site would fall flat on it's face. so...here's my basic questions: 1) In Bootstrap design...in any basic editor (right now using Dreamweaver CC2018)...how would I design (FROM SCRATCH) a page to look like this...where I could link to my own stylesheet; & also link to my own custom fonts? I've tried all the basic bootstrap templates (from Dreamweaver), but can't find anything even similar. When I use an existing template, I don't have the knowledge to maneuver it into that design. 2) in the past, I was used to working in a wysiwyg editor, where I could physically move images & text blocks around on a page...but that method is relegated to static design (& not responsive design). Is there some function in all basic editors that allows me to select an attribute & then somehow guide it to where I want it to be placed on the page...OR, even better yet...issue sets of commands in the code to have it placed there properly (so that I'm learning how to code properly as I'm working)? thanx, mf

[Afzaal Ahmad Zeeshan]

I am not sure if I follow you in the question, since I have not explored Dreamweaver, but I believe what you need is something like this, [Bootstrap Studio - The Revolutionary Web Design Tool](https://bootstrapstudio.io/).

Quote:

where I could link to my own stylesheet;

If you have access to HTML, then simply add the link element, if not, then use the tools that are provided to create a new node in the page and add the stylesheet. As for the second part of your question, that requires something like a page builder. As for Bootstrap page builders, I am not so sure of this, a quick Google search for "bootstrap page builder" might help you. But I have to warn you that most of these tools would be premium tools.

Quote:

OR, even better yet...issue sets of commands in the code to have it placed there properly

Well, I don't think you can do that via a command-line interface.

The shit I complain about It's like there ain't a cloud in the sky and it's raining out - Eminem ~! Firewall !~

[jamieereynoldss]

I have a similar problem. I'm really looking forward to the correct answer.

[realJSOP]

Are you aware of the nature of CSS? When you load a style sheet, you can override the styles in that style to be whatever you want them to be. All you have to remember is that your overrides must be placed in your html AFTER the original style sheet is loaded itno the DOM. Your styles can also be contained in another style sheet (they don't have to be specified in the html file. The font issue - you should avoid using "your own font" if possible, or unless the font is *definitely* in the public domain. You can't use a propriatary (paid-for) font, because the font gets downloaded to your users' systems, and your users likely didn't also pay for the font (this would end up as a copyright violation). However, the technique for using a specific font from your own site can be found here - @font-face - Google Search[^]

".45 ACP - because shooting twice is just silly" - JSOP, 2010
-----
You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
-----
When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013