[TYPO3-english] question about html template

[tom]

Hi,

I want to make html template, what is the best tool to use to make? Thanks.

Tom
___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

[TYPO3-english] question about html template

[tom]

Hi,

I want to edit a page, see screenshot here:
http://photo.163.com/tomliutest/#m=2&aid=240826374&pid=7969304683

I want to put a picture next to the text *tag*, I think I need to find the
html template of this page and then put the picture on that html template,
right? But how could I find out which html template that page is using?
Thanks.

Tom
___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Re: [TYPO3-english] question about html template

[Philipp Gampe]

Hi tom,

tom wrote:

> I want to make html template, what is the best tool to use to make?
> Thanks.

Any text editor that supports highlighting. On Windows use Notepad++.

As a start I recommand to use twitter bootstrap or tha html5boilderplate:
http://twitter.github.com/bootstrap/
http://html5boilerplate.com/

But you should have some HTML and CSS knowledge already. Otherwise play 
around with some static HTML pages.

A good source for inspiration is http://www.cssplay.co.uk/ Look especially 
for Menus, Layouts and Boxes.
Most of them are with explanation and you can also see the history of CSS 
tricks ;)

Good luck
-- 
Philipp Gampe – PGP-Key 0AD96065 – TYPO3 UG Bonn/Köln
Documentation – linkvalidator
TYPO3  inspiring people to share!

___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Re: [TYPO3-english] question about html template

[bernd wilke]

Am 07.11.2012 03:50, schrieb tom:

Hi,

I want to edit a page, see screenshot here:
http://photo.163.com/tomliutest/#m=2&aid=240826374&pid=7969304683

I want to put a picture next to the text *tag*, I think I need to find the
html template of this page and then put the picture on that html template,
right? But how could I find out which html template that page is using?
Thanks.


there are multiple ways to build up the resulting HTML-frame a website 
is delivered.

some of them base on a HTML-Template.

you have to see what is used in your configuration.
I prefer a pure Typoscript solution being more flexible with reordering 
the elements based on conditions or configurations.



you may blindly guess it searching all subdirs of fileadmin for a file 
containing some pieces of HTML you find in your FE-HTML (e.g. id="rightcolumn">), but a change might destroy your website.



bernd
--
http://www.pi-phi.de/cheatsheet.html
___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Re: [TYPO3-english] question about html template

[tom]

Hi,

I tried, but still hard to find the right one in \fileadmin\templates,
because there are many html templates inside, and some of them look pretty
similar.
Is there any way that I can clearly know which is the right html template
the page is using through typo3/admin site or database, or TemplaVoila(I
guess the site is  probably built through TemplaVoila )?

Tom



On Wed, Nov 7, 2012 at 3:33 PM, bernd wilke  wrote:

> Am 07.11.2012 03:50, schrieb tom:
>
>  Hi,
>>
>> I want to edit a page, see screenshot here:
>> http://photo.163.com/**tomliutest/#m=2&aid=240826374&**pid=7969304683
>>
>> I want to put a picture next to the text *tag*, I think I need to find the
>> html template of this page and then put the picture on that html template,
>> right? But how could I find out which html template that page is using?
>> Thanks.
>>
>
> there are multiple ways to build up the resulting HTML-frame a website is
> delivered.
> some of them base on a HTML-Template.
>
> you have to see what is used in your configuration.
> I prefer a pure Typoscript solution being more flexible with reordering
> the elements based on conditions or configurations.
>
>
> you may blindly guess it searching all subdirs of fileadmin for a file
> containing some pieces of HTML you find in your FE-HTML (e.g.  id="rightcolumn">), but a change might destroy your website.
>
>
> bernd
> --
> http://www.pi-phi.de/**cheatsheet.html
>
> __**_
> TYPO3-english mailing list
> TYPO3-english@lists.typo3.org
> http://lists.typo3.org/cgi-**bin/mailman/listinfo/typo3-**english
>
___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Re: [TYPO3-english] question about html template

[Graham Knight]

Tom,

For my site this works:

In the back-end select your home page
Start the Template Module
Select Typoscript Object Browser
Look at page.10.template.file.

Graham

On 07/11/2012 13:47, tom wrote:

Hi,

I tried, but still hard to find the right one in \fileadmin\templates,
because there are many html templates inside, and some of them look pretty
similar.
Is there any way that I can clearly know which is the right html template
the page is using through typo3/admin site or database, or TemplaVoila(I
guess the site is  probably built through TemplaVoila )?

Tom



On Wed, Nov 7, 2012 at 3:33 PM, bernd wilke  wrote:


Am 07.11.2012 03:50, schrieb tom:

  Hi,

I want to edit a page, see screenshot here:
http://photo.163.com/**tomliutest/#m=2&aid=240826374&**pid=7969304683

I want to put a picture next to the text *tag*, I think I need to find the
html template of this page and then put the picture on that html template,
right? But how could I find out which html template that page is using?
Thanks.


there are multiple ways to build up the resulting HTML-frame a website is
delivered.
some of them base on a HTML-Template.

you have to see what is used in your configuration.
I prefer a pure Typoscript solution being more flexible with reordering
the elements based on conditions or configurations.


you may blindly guess it searching all subdirs of fileadmin for a file
containing some pieces of HTML you find in your FE-HTML (e.g. ), but a change might destroy your website.


bernd
--
http://www.pi-phi.de/**cheatsheet.html

__**_
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-**bin/mailman/listinfo/typo3-**english


___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english



___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Re: [TYPO3-english] question about html template

[bernd wilke]

Am 07.11.2012 14:47, schrieb tom:

Hi,

I tried, but still hard to find the right one in \fileadmin\templates,
because there are many html templates inside, and some of them look pretty
similar.
Is there any way that I can clearly know which is the right html template
the page is using through typo3/admin site or database, or TemplaVoila(I
guess the site is  probably built through TemplaVoila )?


you need to analyse your typoscript to get the active configuration.

you may use the TSOB (TypoScriptObjectBrowser):
in the BE:
select web -> template
go to the/a page you want the template change.
switch to TSOB
scroll down to check the appropiate conditions, update

now you see the active typoscript of this page (and these conditions)

look for a PAGE-object with typeNum = 0 (default: 'page')

follow the configuration.

propably the page-content is included at page.10 (or beginning there)

either as plugin (userfunc), TEMPLATE-object or COA
you may follow these configuration until you find a specification of a 
HTML-file.


in extension (like TV) it might be more complicated to find the 
HTML-template.


in all cases at least you need to clear caches after HTML-template 
modifying to get the changes to your FE. in some times you may need to 
do more. (TV needs a remapping, ...)


bernd
--
http://www.pi-phi.de/cheatsheet.html
___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Re: [TYPO3-english] question about html template

[tom]

Hi bernd,

Thanks for showing me the way to do it.
I did not find PAGE-object, and the specification of a HTML-file yet. I
only see such a foler: fileadmin/templates/creek/  under
TSOB->constants->template,
I will keep trying.

Tom

On Wed, Nov 7, 2012 at 11:11 PM, bernd wilke  wrote:

> Am 07.11.2012 14:47, schrieb tom:
>
>  Hi,
>>
>> I tried, but still hard to find the right one in \fileadmin\templates,
>> because there are many html templates inside, and some of them look pretty
>> similar.
>> Is there any way that I can clearly know which is the right html template
>> the page is using through typo3/admin site or database, or TemplaVoila(I
>> guess the site is  probably built through TemplaVoila )?
>>
>
> you need to analyse your typoscript to get the active configuration.
>
> you may use the TSOB (TypoScriptObjectBrowser):
> in the BE:
> select web -> template
> go to the/a page you want the template change.
> switch to TSOB
> scroll down to check the appropiate conditions, update
>
> now you see the active typoscript of this page (and these conditions)
>
> look for a PAGE-object with typeNum = 0 (default: 'page')
>
> follow the configuration.
>
> propably the page-content is included at page.10 (or beginning there)
>
> either as plugin (userfunc), TEMPLATE-object or COA
> you may follow these configuration until you find a specification of a
> HTML-file.
>
> in extension (like TV) it might be more complicated to find the
> HTML-template.
>
> in all cases at least you need to clear caches after HTML-template
> modifying to get the changes to your FE. in some times you may need to do
> more. (TV needs a remapping, ...)
>
> bernd
> --
> http://www.pi-phi.de/**cheatsheet.html
>
> __**_
> TYPO3-english mailing list
> TYPO3-english@lists.typo3.org
> http://lists.typo3.org/cgi-**bin/mailman/listinfo/typo3-**english
>
___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english

Re: [TYPO3-english] question about html template

[bernd wilke]

Am 09.11.2012 03:40, schrieb tom:

Hi bernd,

Thanks for showing me the way to do it.
I did not find PAGE-object, and the specification of a HTML-file yet. I
only see such a foler: fileadmin/templates/creek/  under
TSOB->constants->template,
I will keep trying.


In TSOB look at the 'setup', Object List: 'All'

my further preferred configuration:

[x] Display comments  [x] Sort alphabetically  [ ] Crop lines

Display constants: 'Substituted constants in green'


then you can find at the bottom:
[types]
which includes at least
[0] = 
with the name of your page-Object. this you have to observe further

bernd
--
http://www.pi-phi.de/cheatsheet.html
___
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english